@media (max-width: 72em) {

    .trio-img-img {
        width: 25rem;
    }

}


@media (max-width: 66.25em) {


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

    /* .about-image-box {
        grid-row: 1/3;
        grid-column: 1/3;
    } */

    .about {
        padding:4.8rem 1.2rem;
    }

    .about-lower {
        grid-column: 1/2;
        text-align: center;
    }

    .about-text-box {
        text-align: center;
    }

    .sm-para {
        background-position: 40%;
    }

    .ihm-para {
        background-position: 30%;
    }

    .aroma-para {
        background-position: 50%;
    }

    .dp-para {
        background-position: 55%;
    }

}


@media (max-width: 62.5em) {

    .menu-btn {
        display: block;
    }

    .header-nav {
        display: none;
    }

    .logo {
        width: 14rem;
    }

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

}


@media (max-width: 66.25em) {

    .about-img {
        width: 30rem;
    }

}

@media (max-width: 50em) {

    .page {
        padding: 2.4rem 1.2rem;
    }

    .page-title {
        padding: 1.2rem 0.6rem;
        font-size: 6rem;
        text-align: center;
    }

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

    .page-text {
        font-size: 2.4rem;
    }

    .bb-para,
    .sm-para,
    .aroma-para,
    .ihm-para,
    .dp-para {
        height: 30rem;
    }


    .sm-para {
        background-position: 50%;
    }

}

@media (max-width: 53.05em) {

    .trio-img-container {
        flex-direction: column;
    }

}

@media (max-width: 43.75em) {

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

    .z-img-lower {
        grid-row: 2/3;
    }

    .z-img {
        width: 90%;
        justify-self: center;
    }

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

    .reflexology {
        background-position: center;
    }
}

@media (max-width: 31.25em) {

    .insure {
        padding-top: 0rem;
    }

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

    .testimonials {
        padding-bottom: 2.4rem;
    }

    .testimonial-quote {
        width: 7rem;
    }

    .logo {
        width: 10rem;
    }

    .menu-btn,
    .exit-btn {
        width: 5rem;
    }

    .footer-logo {
        width: 20rem;
    }

}