/* ==========================================
   RESPONSIVO
========================================== */

/* Notebook */

@media (max-width:1200px){

    .container{
        width:95%;
    }

    .hero h1{
        font-size:52px;
    }

}

/* Tablet */

@media (max-width:992px){

    header .container{
        height:80px;
    }

    nav ul{
        gap:20px;
    }

    .hero{
        text-align:center;
    }

    .hero-content{
        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .hero h1{
        font-size:42px;
    }

    .hero p{
        font-size:18px;
    }

    .sobre-grid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .sobre-texto{
        text-align:center;
    }

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

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

    .footer-grid{
        grid-template-columns:1fr 1fr;
    }

}

/* Celular */

@media (max-width:768px){

    header{
        padding:10px 0;
    }

    nav{
        display:none;
    }

    .btn-menu{
        display:none;
    }

    .hero{
        height:auto;
        min-height:100vh;
        padding:140px 0 80px;
    }

    .hero h1{
        font-size:34px;
        line-height:1.2;
    }

    .hero p{
        font-size:17px;
    }

    .hero-buttons{
        flex-direction:column;
        width:100%;
    }

    .hero-buttons a{
        width:100%;
        text-align:center;
    }

    .sobre,
    .servicos,
    .diferenciais,
    .galeria,
    .clientes,
    .cta{
        padding:70px 0;
    }

    .sobre h2,
    .servicos h2,
    .diferenciais h2,
    .galeria h2,
    .clientes h2,
    .cta h2{
        font-size:30px;
    }

    .cards{
        grid-template-columns:1fr;
    }

    .lista{
        grid-template-columns:1fr;
    }

    .galeria-grid{
        grid-template-columns:1fr;
    }

    .logos{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-social{
        justify-content:center;
    }

    .whatsapp{
        width:60px;
        height:60px;
        font-size:30px;
    }

    .topo{
        width:50px;
        height:50px;
    }

}

/* Celulares pequenos */

@media (max-width:480px){

    .hero h1{
        font-size:28px;
    }

    .hero p{
        font-size:16px;
    }

    .btn,
    .btn-outline{
        padding:14px 18px;
        font-size:15px;
    }

    .card{
        padding:25px;
    }

    .card i{
        font-size:40px;
    }

    .cta h2{
        font-size:26px;
    }

}

@media(max-width:768px){

.contato-grid{

grid-template-columns:1fr;

}

}