@import "config.css";
@import "section/menu.css";
@import "section/banner.css";
@import "section/sobre.css";
@import "section/solucoes.css";
@import "section/equipe.css";
@import "section/clientes.css";
@import "section/depoimentos.css";
@import "section/faq.css";
@import "section/frases.css";
@import "section/rodape.css";

@media screen and (max-width: 900px)
{

    #solucoes .text,
    #clientes .text,
    #depositions .text,
    #faq .text {
        
        width: 100%;
        height: auto;
        gap: 0;
        flex-wrap: wrap;
    }

    #solucoes .text h1,
    #clientes .text h1,
    #depositions .text h1,
    #faq .text h1,
    #solucoes .text p,
    #clientes .text p,
    #depositions .text p,
    #faq .text p {
        
        max-width: 100%;
    }

    .detail01,
    .detail02,
    .detail03 {
        display: none;
    }
    
    /* #segmentos .text h1,
    #depositions .text h1,
    #links .text h1,
    #segmentos .text p,
    #depositions .text p,
    #links .text p {
        max-width: 100%;
    } */

}