@media (max-width: 44em) {

    .open-nav {
        display: block;
    }

    .nav-menu {
        display: none;
    }


}

@media (max-width: 75em) {

    .quadBox-header {
        margin-bottom: auto;
    }

    .about-container {
        flex-direction: column;
    }

    .about-imgBox {
        align-self: center;
    }

    .duoBlock-box {
        max-width: 80rem;
    }

    .duoBlock-container {
        grid-template-columns: 1fr;
        border-left: 0;
    }

    #duoBlockDesktop {
        display: none;
    }

    #duoBlockMobile {
        display: block;
    }

    .quadCards-container {
        grid-template-columns: 1fr 1fr;
    }

    .column-one {
        grid-column: 2/3;
        grid-row: 1/2;
    }

    .column-two {
        grid-column: 1/2;
        grid-row: 1/2;
    }

    .parallax {
        height: 25rem;
    }


}

@media (max-width: 56.25em) {

    .quadBox-container {
        grid-template-columns: 1fr 1fr;
    }

    .parallax {
        height: 20rem;
    }

    .cta-container {
        grid-template-columns: 1fr;
        border-left: none;
    }

    .footer-container {
        grid-template-columns: 1fr;
        gap: 3.6rem;
    }

}

@media (max-width: 37.5em) {

    .nav-logo {
        width: 10rem;
        margin-bottom: -6rem;
    }

    .hero-container {
        padding-left: 0.6rem;
    }

    .hero-header {
        font-size: 3.6rem;
        text-align: center;
        width: auto;
    }

    .hero-caption,
    .hero-sub-header {
        width: auto;
        text-align: center;
    }

    .hero-btn-box {
        margin-right: 0;
        align-self: center;
    }

    .hero-button,
    .hero-button-two {
        padding: 0.6rem;
    }

    .quadBox-container {
        grid-template-columns: 1fr;
    }

    .about-bottomBox {
        flex-direction: column;
    }

    .about-img {
        width: 26rem;
    }

    .duoBlock-textBox {
        padding: 1.2rem 0.6rem;
    }

    .duoBlock-iconsBox {
        flex-direction: column;
    }

    .duoBlock-header {
        font-size: 3rem;
    }

    .duoBlock-arrow {
        margin-left: auto;
    }

    .duoBlock-content {
        padding: 0.6rem;
    }

    .quadCards-container {
        grid-template-columns: 1fr;
        row-gap: 1.2rem;
    }

    .column-one {
        grid-column: auto;
        grid-row: auto;
    }

    .column-two {
        grid-column: auto;
        grid-row: auto;
    }

    .parallax {
        height: 10rem;
    }

}