/*********/
/***MEDIA 
/*********/

@media screen and (max-width: 900px) {
    html {
        font-size: 60%;
    }

    .grid {
        gap: 1;

    }

    .meditation {
        width: 80%;
        background-position: bottom;
    }

    .grid-col {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-quote {
        margin: 3rem 0;
    }
}

@media screen and (max-width: 600px) {
    html {
        font-size: 54%;
    }

    .grid {
        display: block;
    }

    .services {
        margin-bottom: 1.2rem;
    }

    .service-card {
        margin-bottom: 1.2rem;
    }

    .meditation {
        width: 100%;
    }

    .testimonials {
        margin-bottom: 1.2rem;
    }

    .slider {
        height: 70rem;

    }

    .slide {
        height: 70rem;
    }

    .service-quote {
        margin: 3rem 0;
    }

}