/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1280px) {
	.content {max-width: 90%;}
    .sobre .content {max-width: 90%;}
    .investimento .content {max-width: 90%;}
}
@media (max-width: 1152px) {
    header {padding: 15px 0;}
    header .logo {width: 280px; height: 80px;}
    header .social {right: 20px; top: 10px;}

    .sobre-cards .card-content h3 {font-size: 1.8em;}
    .setores h2 {font-size: 1.2em;}
    .investimento h3 {font-size: 1.8em; }

    .etapas p {font-size: 0.8em; line-height: 20px !important;}

    h1 {font-size: 2em; }

    footer .dados li {font-size: 1em;}
}
@media (max-width: 950px) {
    .sumir {display: none !important;}

    .sobre-main { display: table; align-items: flex-start; gap: 5%; margin-bottom: 60px; }
    .sobre-text { flex: 0 0 100%; text-align: justify;}
    .sobre-image {display:block; margin: 30px auto 0 auto; width: 30%;}
    .sobre-cards {grid-template-columns: repeat(1, 1fr); gap: 30px; text-align: center;}
    .sobre-cards .card {min-height: 150px; }
    .sobre-cards .card-content h3 {padding-top: 0; display: inline-block; float: none;}
    .sobre-cards .card-icon {display: inline-block; float: none;}
	
    .investimento {background-image: url(../images/bgsite2.png); padding: 300px 0 400px 0; }
    .investimento .quadro { flex: 1 1 100%; max-width: 100%;}
    .investimento .icon {width: 140px;}

    .setores h2 {font-size: 1em;}

    .solucoes .colunas {columns: 1; column-gap: 0; text-align: justify;}

    .sustentabilidade {background-image: url(../images/bg3.png);}
    .sustentabilidade .colunas {columns: 1; column-gap: 0; text-align: justify;}

    .depoimentos .quadro {width: 90%;}

    .esquerda {width: 100%; float: none;}
    .direita {width: 100%; float: none;}

    .contato .esquerda {padding: 0; margin-bottom: 40px;}
    .contato .formulario {width: 100%;}

    footer {text-align: center;}
    footer .logo {float: none; display: inline-block; background-size: 100%;}
    footer .quadro-a {width: 100%; float: none; text-align: center;}
    footer .dados li {display: table; width: 100%;}

    h1 {font-size: 1.6em; }
    p {font-size: 1em; line-height: 22px;}
}
@media (max-width: 600px) {
    .investimento .quadro { flex: 1 1 100%; max-width: 100%; }
}
@media (max-width: 480px) {
    h1 {font-size: 1.4em; }
    header .logo {width: 220px; height: 60px;}

    .sobre-image {width: 50%;}

    .investimento {background-size: 100%; margin-top: 60px; padding: 140px 0;}
    .investimento h2 {font-size: 1em; margin-bottom: 10px;}
    .investimento h3 {font-size: 0.8em;}
    .investimento .centro {padding: 20px;}
    .investimento .icon {width: 30%;  margin: 0 auto 10px auto;}
    .investimento .quadro {padding: 0 10px; }


    .sobre-cards .card-icon {background-position: center center; }
  
    .etapas .quadro {min-height: 310px;  padding: 20px 10px;}

    .sustentabilidade .quadro {padding: 10px;}

    .parceiros {padding-bottom: 20px;}

    .depoimentos {padding-bottom: 20px;}
    .depoimentos h2 {font-size: 1em;}
    .depoimentos .quadro {padding: 15px; }
    .depoimentos .star {width: 120px; height: 20px;}

    .contato .esquerda {text-align: center;}
    .contato .dados {text-align: center;}
    .contato .dados li {font-size: 1em; text-align: center; display: inline-block;}
    .contato h2 {font-size: 1em;}
    .contato .formulario {padding: 10px;}
    .contato .botaowt {width: 220px; height: 55px;margin: auto;}

     footer .logo {width: 70%;}
}
@media (max-width: 390px) {
    .investimento {padding: 80px 0 140px 0;}
}
/*********************************************************/