* {
    font-family: Montserrat, sans-serrif;
}

@media only screen and (max-width: 1501px) {
    .prev, .next {
        bottom: 80px !important;
    }
    .form-text {
        font-size: 20px !important;
    }
}
@media only screen and (max-width: 1351px) {
    .nav-button {
        color: #fcfcfc !important;
    }
    .contact-btn-nav {
        display: inline-block !important;
        width: unset !important;
        background-color: #fcfcfc !important;
        color: #232D95 !important;
    }
    .nav-content.active {
        background-color: #232D95 !important;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 10px !important;
        margin-top: 12px !important;
    }
    .nav-content.active .nav-cover {
        top: 488px;
        left: -181px;
        display: block !important;
        width: 200% !important;
        opacity: .9;
    }
    .nav-logo img {
        height: 40px !important;
    }
    .caption-container {
        right: -32px !important;
    }
    img.demo {
        max-width: 100% !important;
    }
    .prev, .next {
        bottom: 18px !important;
    }
    .next {
        right: 254px !important;
    }
    .prev {
        right: 324px !important;
    }
}

@media only screen and (max-width: 1001px) {
    .caption-container {
        position: relative !important;
        max-width: unset !important;
        top: -4px !important;
        right: unset !important;
    }
    .prev, .next {
        top: 461px !important;
        bottom: unset !important;
    }
    .prev {
        right: 70px !important;
    }
    .next {
        right: 0 !important;
    }
    .extension-color {
        background: transparent !important;
    }
    .dark-sub {
        color: #9fb7f3 !important;
    }
    .mobile-dark-heading {
        font-size: 24px !important;
        color: #202020 !important;
    }
    .mobile-dark-text {
        color: #202020 !important;
        font-size: 16px !important;
    }
    .mobile-med-text {
        font-size: 18px !important;
    }
    .mobile-large {
        font-size: 24px !important;
    }
    .mobile-white-text {
        color: #fcfcfc !important;
        font-size: 16px !important;
    }
    .contact-hide, .contact-btn-desktop, .social-desktop, .hide, .desktop {
        display: none !important;
    }
    .contact-btn-mobile, .social-mobile {
        display: inline-block !important;
    }
    .show {
        display: block !important;
    }
    .logo-footer {
        width: 72px !important;
    }
    .hero-font-mobile {
        font-size: 26px !important;
    }
    .mobile {
        display: block !important;
    }
    .icons-col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .services-div {
        height: unset !important;
    }
    .background-hero-img {
        display: none !important;
    }
    .background-img {
        min-height: unset !important;
    }
}

@media only screen and (max-width: 730px) {
    .modal-content {
        width: unset !important;
        max-width: unset !important;
        min-height: unset !important;
        max-height: unset !important;
    }
    .prev, .next {
        top: 414px !important;
    }
}
@media only screen and (max-width: 573px) {
    .prev, .next {
        top: 309px !important;
    }
}
@media only screen and (max-width: 426px) {
    .prev, .next {
        top: 257px !important;
    }
}
@media only screen and (max-width: 376px) {
    .prev, .next {
        top: 225px !important;
    }
}
@media only screen and (max-width: 321px) {
    .prev, .next {
        top: 199px !important;
    }
}