:root {
    --methodico-dark-blue: #263b66;
    --methodico-light-blue: #34abde;
  }

.bg-primary {
    background-color: white !important;
}
  
.bg-secondary {
    background-color: var(--methodico-light-blue) !important;
}

.methodico-dark-blue {
    color: var(--methodico-dark-blue);
}

.methodico-light-blue {
    color: var(--methodico-light-blue);
}

.bg-methodico-dark-blue {
    background-color: var(--methodico-dark-blue) !important;
}

.bg-methodico-light-blue {
    background-color: var(--methodico-light-blue) !important;
}

#mainNav {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
    color: var(--methodico-dark-blue);
}

.navbar-toggler {
    background-color: var(--methodico-light-blue);
}

.navbar-toggler:hover {
    background-color: var(--methodico-dark-blue);
}

a:hover {
    text-decoration: none;
}

footer a {
    color: var(--white);
}

footer a:hover {
    color: var(--methodico-light-blue);
}

.carousel-caption {
    top: 40%;
    text-align: center;
    font-weight: bold;
    color: var(--white);
    text-shadow: 1px 1px 4px var(--methodico-dark-blue);
}

/* xs */
img {
    width: 100px;
    height: auto;
}
/* sm */
@media (min-width: 768px) {
    img {
        width: 150px;
    }
}
/* md */
@media (min-width: 992px) {
    img {
        width: 200px;
    }
}
/* lg */
@media (min-width: 1200px) {
    img {
        width: 250px;
    }
}