/* ==========================================
   DESKTOP SCREENS
   1200px AND ABOVE
========================================== */

@media (min-width:1200px) {


    .container {

        max-width: 1280px;

        margin: auto;

        padding: 0 30px;

    }


    section {

        padding: 110px 0;

    }


    h1 {

        font-size: 72px;

        line-height: 1.1;

    }


    h2 {

        font-size: 52px;

    }


    h3 {

        font-size: 30px;

    }


    p {

        font-size: 17px;

        line-height: 1.8;

    }


    .hero-grid {

        grid-template-columns:
            1fr 1fr;

        gap: 70px;

        align-items: center;

    }


    .services-grid,
    .courses-grid,
    .testimonials-grid,
    .statistics-grid {

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

        gap: 30px;

    }


    .about-grid {

        grid-template-columns:
            1fr 1fr;

        gap: 70px;

    }


    .footer-grid {

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

        gap: 40px;

    }


}