@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


.navbar-dark .navbar-nav .nav-link {
  color: #ffffff !important;
  opacity: 1 !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #f4b506 !important;
  opacity: 1 !important;
}
.footer-wrapper {
background-color: #461b7b;
}
.bg-dark {
  background-color: #461b7b !important;
}
.card-subtitle {
margin:0 !important;
}
body {
font-size:1.1rem;
font-family: 'Roboto', sans-serif !important;
background-color: #fff4ee !important;
}

@media only screen and (max-width: 575px) {
.h1, h1 {
    font-size: 1.4rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h2, h2 {
    font-size: 1.2rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h3, h3 {
    font-size: 1.1rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h4, h4 {
    font-size: 1.1rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h5, h5 {
    font-size: 1.1rem;
    border:0;
    padding-bottom: 0;
}
.navbar {
padding: .2rem 1rem;
}
}