/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1280px) {
	.content {max-width: 90%;}
	header .esquerda {padding-top: 5%; width: 55%;}
	.tela-5 .quadro {min-height: 180px;}
}
@media (max-width: 1152px) {
	header .logo {width: 180px; height: 90px;}
	footer .logo {width: 180px; height: 90px;}
	header h1 {font-size: 2em !important; padding: 40px 0 20px 0;}
	 h1 {font-size: 1.6em !important;}
	 h2 {font-size: 1.2em !important;}
	 h3 {font-size: 1em !important;}
	 p {font-size: 0.9em !important; line-height: 25px !important;}
	 .tela-5 i {font-size: 1.6em; height: 60px; width: 60px; }
}
@media (max-width: 950px) {
	.esquerda {width: 100%; float: none; margin-bottom: 40px;}
	.direita {width: 100%; float: none;}
	header {height: auto; padding-bottom: 60px;}
	header .logo {display: inline-block;}
	header .esquerda {width: 100%; text-align: center;}
	header .social {width: 100%;}
	header .social li {display: inline-block; float: none;}
	.tela-1 {padding: 0 0 40px 0;}
	.tela-2 .imagem {width: 100%; height: 500px; }
	.tela-3 {text-align: center;}
	.tela-4 .texto {width: 100%;}
	.tela-5 .quadro {width: 47%;  min-height: 120px;}
	.tela-5 p {font-size: 0.8em !important; line-height: 22px !important;}
	.wp .lg {width: 45px; height: 45px; }
	.tela-7 .esquerda {min-height: 100px; width: 100%; }
	.tela-7 .direita {min-height: 100px; width: 100%;}
	.tela-1 .esquerda {width: 100%;padding-top: 0;}
	.tela-1 .direita {width: 100%;}
	.coberturas li {width: 47%; float: left; display: table;}
}
@media (max-width: 568px) {
	header h1 {font-size: 1.4em !important;}
	h1 {font-size: 1.4em !important;}
	h2 {font-size: 1em !important;}
	h3 {font-size: 1em !important;}
	
	.tela-1 .texto {padding-left: 0;}
	.tela-5 .quadro {width: 100%; float: none; margin: 0 auto 30px auto; min-height: 150px; text-align: center;}
	.tela-5 .icone {width: 30%; float: none; align-items: center; margin: 0 auto 10px auto;}
	.tela-5 .texto {width: 100%; float: none;}

	.tela-6 h1 {padding-bottom: 30px;}
	.tela-6 .quadro {width: 95%; margin: auto; height: 80px;}
}
/*********************************************************/