/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1366px) {
	.home .imagem {width: 45%; }
}
@media (max-width: 1280px) {
	.content {max-width: 90%;}
}
@media (max-width: 1152px) {
	.tela-2 .quadro {flex: 0 0 45%;}
}
@media (max-width: 1024px) {
	.home h1 {font-size: 2em;}
	.tela-3 h1 {font-size: 2em;}
}	
@media (max-width: 950px) {
	.esquerda {width: 100%; float: none; margin-bottom: 30px;}
	.direita {width: 100%; float: none;}

	.home {text-align: center; min-height: 100px; }
	.home .logo {display: inline-block;}
	.home .imagem {position: relative; height: 320px; width: 280px; margin: auto;}
	.home .esquerda {padding-top: 40px;}

	.tela-1 .esquerda{width: 45%; margin: auto;}
	.tela-1 .direita {text-align: center;}

	.tela-2 h1 {font-size: 2em; text-align: center;}

	.tela-2 .quadro {flex: 0 0 80%; text-align: center; margin: 0 auto 80px auto;}
	
	.tela-3 {padding: 120px 0 80px 0; text-align: center;}
	.tela-3 h1 {font-size: 2em}
	.tela-3 .imagem {position: relative; width: 320px; height: 280px; margin: auto;}

	.tela-4 h1 {text-align: center;}
}
@media (max-width: 667px) {
	.home .logo {width: 300px; height: 160px;}
}
@media (max-width: 480px) {
	h1 {font-size: 1.4em !important;}
	p {font-size: 0.9em !important; line-height: 24px !important;}

	.tela-1 .esquerda{width: 90%;}

	footer .dados li {font-size: 0.8em !important;}
	.fim p {font-size: 0.7em !important;}

	.tela-2 .quadro {padding: 10px; padding-bottom: 160px; flex: 0 0 100%;}
	.tela-2 p {font-size: 0.8em !important;}
	.tela-2 h2 {font-size: 1em;}

.tela-2 .imagem1 {width:240px; height: 260px; bottom: -80px; left: 0;}
.tela-2 .imagem2 {width: 240px; height: 260px; bottom: -80px; right: 0;}
}
@media (max-width: 384px) {
	.home .logo {width: 260px; height: 140px;}

	h1 {font-size: 1.2em !important;}
}
/*********************************************************/