@media (max-width: 576px) {

    #header-logo {
        transition: z-index 1.25s ease-in-out;
    }

    .nav-menu {
        margin-top: 10vh !important;
    }

    .nav-menu>li>a {
        color: #444 !important;
    }

    .nav-menu>li.active>a {
        color: #003680 !important;
    }

    li.nav-menu-item {
        width: -webkit-fill-available !important;
        margin: 0 8px !important;
        padding: 0.5rem 0 !important;
        border-bottom: 1px solid #ddd !important;
    }

    li.nav-menu-item>a {
        width: max-content !important;
    }

    #home-banner {
        background-position-x: 75% !important;
        background-position-y: 25vh !important;
        align-items: flex-start !important;
    }

    #hero-img {
        max-width: 75vw !important;
        left: 10vw !important;
        top: 0 !important;
    }

    .theme-img {
        max-height: 50vw !important;
        margin-bottom: 1rem !important;
    }

    #are-you-ready-img {
        max-height: 100vw !important;
    }

    #get-in-touch-div {
        background-size: cover !important;
        padding-top: 8rem;
        padding-bottom: 4rem;
    }

    #home-themes-div {
        padding-bottom: 0 !important;
    }

    .light-footer {
        padding-top: 0 !important;
    }

    .footer-widget {
        text-align: center !important;
    }

    .img-footer {
        margin-bottom: 1rem !important;
    }

    .badge-img {
        max-height: 36vw;
    }

}