/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1680px) {
	/*********************************************************/
	.sobre-a .esquerda { padding: 60px 5% 40px 10%;}
	/*********************************************************/
}
@media (max-width: 1366px) {
	/*********************************************************/
	.navegacao .sombra {padding: 80px 0; }
	/*********************************************************/
	.chamadas-2 h2 {font-size: 6em;}
	/*********************************************************/
}
@media (max-width: 1280px) {
	/*********************************************************/
	.content {max-width: 90%;}
	/*********************************************************/
	.servicos .imagem {height: 180px;}
	.servicos h2 {font-size: 1em;}
	/*********************************************************/
	.chamadas-2 .esquerda {min-height: 300px;}
	.chamadas-2 .direita {min-height: 300px;}
	.chamadas-2 h2 {font-size: 5em;line-height: 70px;}
	/*********************************************************/
	.sobre-a .esquerda { padding: 40px;}
	/*********************************************************/
}
@media (max-width: 1152px) {
	/*********************************************************/
	.servicos h2 {font-size: 0.9em;}
	/*********************************************************/
	.navegacao .sombra {padding: 60px 0; }
	/*********************************************************/
	.projetos .capa h2 {font-size: 0.8em; padding: 5px;}
	/*********************************************************/
	.post .foto {height: 120px; }
	/*********************************************************/
	.contato .dados {width: 100%;}
	/*********************************************************/
}
@media (max-width: 950px) {
	/*********************************************************/
	header .social {display: none;}
	/*********************************************************/
	.banner .barra {display: none;}
	/*********************************************************/
	.esquerda {width: 100%; float: none; padding-bottom: 40px;}
	.direita {width: 100%; float: none;}
	.centro {width: 100%;}
	.sumir {display: none !important;}
	.aparecer {display: inline-block !important;}
	/*********************************************************/
	.apresentacao .direita {width: 50%; margin: auto;}
	.apresentacao {text-align: center;}
	.apresentacao h1, p {text-align: left;}
	/*********************************************************/
	.servicos .esquerda {display: none;}
	.servicos .direita {width: 100%; padding: 40px 5%;}
	.servicos .quadro-b {width: 48%; }
	/*********************************************************/
	.chamadas-2 h2 {font-size: 4em;}
	.chamadas-2 .esquerda {width: 100%; min-height: auto; padding: 20px;}
	.chamadas-2 .direita {width: 100%; min-height: 240px;}
	/*********************************************************/
	.rodape {text-align: center;}
	.rodape .logo {width: 33%; height: 110px; float: none; margin: 20px auto; display: inline-block;}
	.rodape .social {width: 100%; float: none; padding: 0 0 20px 0;}
	.rodape .dados {float: none; width: 100%; padding-top: 0;}
	.rodape .dados li {font-size: 0.9em;}
	/*********************************************************/
	.sobre-a .esquerda {width: 100%; padding:40px 5%;}
	.sobre-a .direita {width: 100%; min-height: 350px;}
	/*********************************************************/
	.navegacao h1 {font-size: 1.6em; padding-bottom: 10px;}
	.navegacao .sombra {padding: 40px 0; }
	/*********************************************************/
	.post .centro {width: 100%;}
	.post .esquerda {width: 50%; margin: auto;}
	.post .direita {width: 100%;}
	.post .foto {width: 23%;}
	/*********************************************************/
	.contato .dados li {width: 100%; float: none; display: table; margin-bottom: 20px;}
	/*********************************************************/
	.projetos {padding: 40px 0;}
	.projetos .quadro-full {width: 98%; height: 250px; margin: 1%;}
	.projetos .quadro-full-b {width: 48%; height: 250px; margin: 1% ;}
	.projetos .quadro {width: 48%; height: 250px; margin: 1% ;}
	.projetos .img-grande { width: 98%; height: 300px; margin: 20px auto;}
	.projetos .coluna-pequenas {width: 100%;}
	.projetos .img-pequena { width: 48%; height: 250px; }
	/*********************************************************/
}
@media (max-width: 667px) {
	/*********************************************************/
	.apresentacao .direita {width: 70%;}
	/*********************************************************/
	.chamadas-2 h2 {font-size: 3em;}
	/*********************************************************/
	.post .capa {width: 100%;}
	.post .esquerda {width: 80%;}
	.post .foto {width: 31%;}
	/*********************************************************/
	.projetos .quadro-full {height: 180px;}
	.projetos .quadro-full-b {height: 180px;}
	.projetos .quadro {height: 180px;}
	.projetos .img-grande {height: 200px;}
	.projetos .img-pequena {height: 200px; }
	/*********************************************************/
}
@media (max-width: 480px) {
	/*********************************************************/
	header .logo {width: 120px; height: 90px;}
	header .inicio {display: none;}
	header {border-top: 5px solid var(--cor_1);}
	/*********************************************************/
	h1 {font-size: 1.4em; padding-bottom: 15px; line-height: 25px !important;}
	/*********************************************************/
	.chamadas {padding: 20px 0;}
	.chamadas h2 {font-size: 1em;}
	/*********************************************************/
	.apresentacao {padding: 40px 0;}
	.apresentacao .direita {width: 100%;}
	/*********************************************************/
	.chamadas-2 h2 {font-size: 2em;}
	.chamadas-2 .direita {min-height: 160px;}
	.chamadas-2 .esquerda {padding: 10px;}
	/*********************************************************/
	.fim p {font-size: 0.8em; text-align: center;}
	/*********************************************************/
	.sobre-a .direita {min-height: 200px;}
	/*********************************************************/
	.navegacao h1 {font-size: 1.2em; padding-bottom: 10px;}
	.navegacao li {font-size: 0.8em;}
	/*********************************************************/
	.servicos .quadro-b {width: 100%; float: none; margin: 0 auto 20px auto; }
	/*********************************************************/
	.post .foto {width: 48%;}
	/*********************************************************/
	.contato .dados {padding: 20px;}
	/*********************************************************/
	.projetos .quadro-full-b {height: 120px;}
	.projetos .quadro {height: 120px;}
	.projetos .capa {padding: 0 10px;}
	.projetos .img-pequena {height: 120px; }
	/*********************************************************/
}
/*********************************************************/