/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1680px) {
	.tela-8 .esquerda {min-height: 920px; }
	.tela-9 .imagem {width: 30%; }
}
@media (max-width: 1400px) {
	header .imagem {width: 35%;}
	.tela-6 .imagem {width: 45%;left: 5%;}
	.tela-8 .direita {padding: 20px;}
	.tela-9 .imagem {width: 35%; }
}
@media (max-width: 1366px) {
	header .esquerda {padding-top: 5%;}
	header .imagem {width: 24%; height: 900px;}
	.tela-1 {padding:80px 0;}
}
@media (max-width: 1280px) {
	.content {max-width: 90%;}
	header {height: 80%;}
	header h1 {font-size: 1.8em; }
	header .imagem {width: 30%;}
}
@media (max-width: 1152px) {
	.botao {display:inline-block; padding: 10px 20px;font-size: 0.7em;}
	header {height: 100%;}
	header h1 {font-size: 1.4em !important; line-height: 30px !important;}
	header .esquerda {padding-top: 15%;}
	p {font-size: 0.9em !important; line-height: 22px !important;}
	h1 {font-size: 1.2em !important; padding-bottom: 25px !important;}
	h2 {font-size: 1em !important;}
	.tela-2 li {line-height: 22px; font-size: 0.9em;}
	.tela-3 .quadro p {font-size: 0.7em !important; line-height: 20px;}
	.tela-4 {background-position: right -140px top;}
	.tela-6 .imagem {width: 48%;left: 2%;}
	.tela-8 .esquerda {min-height: 740px; background-position: left;} 
	.tela-9 { min-height: 600px; }
}
@media (max-width: 950px) {
	header {height: auto; padding-bottom: 120px;}
	header .esquerda {width: 50%;}
	.esquerda {width: 100%; float: none; margin-bottom: 30px;}
	.direita {width: 100%; float: none;}
	.tela-1 {padding: 40px 0;}
	.tela-1 .esquerda {width: 50%; padding-top: 0; margin: 0 auto 40px auto;}
	.tela-1 .direita {width: 100%; text-align: center;}
	.tela-2 {text-align: center;}
	.sumir {display: none;}
	.aparecer {display: block !important;}
	.tela-4 {padding: 80px 0; background-position: left;}
	.tela-4 .esquerda {width: 75%;}
	.tela-6 .imagem {position: relative; width: 45%; height: 500px; margin: 0 auto 30px auto;}
	.tela-8 .esquerda {width: 100%; min-height: 350px;}
	.tela-8 .direita {width: 100%; padding: 40px 5%; text-align: center;}
	.tela-9 .imagem {position: relative; height: 400px; margin: auto; left: 0;}
	.tela-9 {text-align: center;}
	.centro {width: 100%;}
}
@media (max-width: 667px) {
	header {padding-bottom: 0;}
	header .content {display: block;}
	header .esquerda {width: 100% !important; text-align: center; padding-top: 40px; }
	header .imagem {position: relative; margin: 0 auto; height: 430px; width: 45%; left: 0;}
	.tela-4 .esquerda {width: 100%; text-align: center;}
	.tela-6 .imagem {width: 50%; height: 340px;}
	.tela-9 .imagem {width: 50%; height: 340px;}
	footer p {font-size: 0.7em !important;}
}
@media (max-width: 480px) {
	header .imagem { width: 65%;}
	.tela-1 .esquerda {width: 90%;}
	.botao { padding: 10px;font-size: 0.6em;}
	.tela-2 .imagem {width: 100%; margin: 0 auto; height: 160px;}
	.tela-6 .imagem {width: 70%;}
	.tela-9 .imagem {width: 70%;}
}

@media (max-width: 414px) {
	
}

@media (max-width: 384px) {

}

@media (max-width: 375px) {

}
/*********************************************************/