/* ==========================================================
   FORCAEB.COM.BR
   RESPONSIVE.CSS
   AJUSTES DE TELAS
========================================================== */


/* ==========================================================
   DESKTOP GRANDE
========================================================== */


@media(min-width:1600px){


    body{

        font-size:18px;

    }


    .hero h2{

        font-size:85px;

    }


    .hero h3{

        font-size:32px;

    }


    .stats{

        max-width:1500px;

    }


    .cards{

        gap:45px;

    }


}



/* ==========================================================
   NOTEBOOKS
========================================================== */


@media(max-width:1400px){



    header{

        padding-left:40px;

        padding-right:40px;

    }



    nav ul{

        gap:25px;

    }



    .hero h2{

        font-size:60px;

    }



    section{

        padding-left:6%;

        padding-right:6%;

    }



}



/* ==========================================================
   TABLETS GRANDES
========================================================== */


@media(max-width:1100px){



    nav ul{

        gap:15px;

    }



    nav a{

        font-size:13px;

    }



    .hero h2{

        font-size:48px;

    }



    .hero h3{

        font-size:20px;

    }



    .stats{

        grid-template-columns:

        repeat(2,1fr);

    }



    #sobre{

        grid-template-columns:1fr;

    }



    .cards{

        grid-template-columns:

        repeat(2,1fr);

    }



    .members{

        grid-template-columns:

        repeat(2,1fr);

    }



    .gallery{

        grid-template-columns:

        repeat(2,1fr);

    }



}