@media (max-width: 75em) {

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

}

@media (max-width: 50em) {

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

    .accordion {
        font-size: 2.4rem;
    }

}




@media (max-width: 75em) {

    .nav-list {
        display: none;
    }

    .open-nav {
        display: block;
    }

    .hero {
        height: auto;
    }

    .hero-container {
        flex-direction: column;
        align-items: center;
    }

    .hero-text-box {
        max-width: 40rem;
    }

    .about-container {
        flex-direction: column;
        align-items: center;
    }

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

    .what-is-img-box {
        display: none;
    }

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

    .z-item {
        grid-template-columns: 1fr;
    }

    .z-img-bottom {
        grid-row: 1/2;
    }

    .cta-container {
        grid-template-columns: 1fr;
        row-gap: 3rem;
    }

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

@media (max-width: 45.5em) {


    .hero-img {
        width: 100%;
    }

    .about-img {
        width: 30rem;
    }

    .about-logo-box {
        flex-direction: column;
    }

    .duo-img {
        width: 30rem;
    }

    .z-img {
        width: 100%;
    }

    .hero-text-box::before {
        display: none;
    }

}

@media (max-width: 22.25em) {

    .nav-logo {
        width: 14rem;
    }

}