@media (max-width:768px){

    .services-grid{

        grid-template-columns:1fr;

    }

}
@media (max-width:768px){

    .hero{

        padding:90px 0;

    }

    .hero h1{

        font-size:38px;

    }

    .hero p{

        font-size:18px;

    }

    .hero-buttons{

        flex-direction:column;

    }

}
@media (max-width:768px){

    .statistics-grid{

        grid-template-columns:1fr;

    }

}
@media (max-width:768px){

    .courses-grid{

        grid-template-columns:1fr;

    }

}
@media (max-width:768px){

    .books-grid{

        grid-template-columns:1fr;

    }

}
@media (max-width:768px){

    .blog-grid{

        grid-template-columns:1fr;

    }

}
@media (max-width:768px){

    .contact-grid{

        grid-template-columns:1fr;

    }

}