@media(max-width:992px){

    .grid-2{

        grid-template-columns:1fr;

    }

    .grid-3{

        grid-template-columns:1fr;

    }

    .grid-4{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:700px){

    h1{

        font-size:2.5rem;

    }

    h2{

        font-size:2rem;

    }

    .grid-4{

        grid-template-columns:1fr;

    }

}

@media(max-width:400px){

    h1{

        font-size:2.1rem;

    }

    h2{

        font-size:1.7rem;

    }

}