@media (max-width: 118em) {

    .intro-img-box {
        display: none;
    }

    .intro-img-box-mobile {
        display: block;
    }

    .intro-text {
        max-width: 84rem;
    }

    .intro {
        padding: 0.6rem;
    }


}

@media (max-width: 71em) {

    .intro-container {
        grid-template-columns: 1fr;
        row-gap: 2.4rem;
    }

    .intro {
        padding: 2.4rem 0.6rem;
    }

    .row-two {
        grid-row: 2/3;
    }

    .green {
        background-color: #75b7a6;
    }
    
    .white-text {
        color: #fff !important;
    }

}

@media (max-width: 50em) {

    .nav-list {
        display: none;
    }

    .sidenav {
        display: block;
    }

    .open-nav {
        display: block;
    }

    .page-title {
        font-size: 6rem;
    }

    .page-header {
        font-size: 4.8rem;
    }

}


@media (max-width: 41em) {

    .hero-header {
        font-size: 7.2rem;
    }

    .footer-container {
        grid-template-columns: 1fr;
        gap: 3.6rem;
        align-items: center;
        justify-content: center;
    }

    .contact {
        padding: 4.8rem 0.6rem;
    }

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

    .contact-img-box {
        display: none;
    }

    .about-img {
        width: 26rem;
    }

}

@media (max-width: 25em) {

    .hero-header {
        font-size: 6rem;
    }

    .page-title {
        font-size: 4.8rem;
    }

    .page-header {
        font-size: 3.6rem;
    }


}