/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1152px) {
	.content {max-width: 90%;}
}
@media (max-width: 1024px) {
	.tela-3 .quadro {min-height: 240px;}
}
@media (max-width: 950px) {
	.centro {width: 100%;}
	.tela-1 .icon {width: 40%; height: 160px;}
	.esquerda {width: 100%; float: none; padding-bottom: 40px;}
	.direita {width: 100%; float: none;}
	.tela-2 {text-align: center;}
	.tela-2 p {text-align: left;}
	.tela-2 .esquerda {width: 30%; margin: auto;}
	.tela-3 .quadro {min-height: 430px;}
	.tela-4 .foto {min-height: 180px;}
	.tela-5 {text-align: center;}
	.tela-5 p {text-align: left;}
	.tela-5 .esquerda {width: 30%; margin: auto;}
	.chamada p {font-size: 1em;} 
}
@media (max-width: 667px) {
	.botao-laranja {padding: 10px; font-size: 1em; letter-spacing: 1px;}
	header .logo {width: 240px; height: 90px; }
	.banner h1 {font-size: 2em;}
	.banner p {line-height: 25px; font-weight: 400;}
	.banner .bt1 {width: 70%; height: 70px;}
	.banner .bt2 {width: 70%; height: 70px;}
	.tela-1 {padding: 40px 0;}
	.tela-1 .icon {width: 70%; height: 160px;}
	.tela-2 .esquerda {width: 60%;}
	.tela-3 {padding-bottom: 10px;}
	.tela-3 .quadro {min-height: 300px;}
	.tela-4 .foto {width: 47%;}
	.tela-4 .bt3 {width: 70%; height: 70px;}
	.tela-5 .esquerda {width: 60%;}
	.wp .lg {width: 50px; height: 50px;}
	footer h2 {font-size: 1.2em;}
	footer li {font-size: 1em; width: 100%;}
	footer li i {font-size: 1.2em;}
	footer p {font-size: 0.8em;}
}
@media (max-width: 480px) {
	.botao-laranja {font-size: 0.7em;}
	header .logo {width: 140px; height: 60px; }
	.tela-1 .icon {width: 45%; }
	.tela-3 h1 {font-size: 1.2em;}
	.tela-3 .quadro {width: 70%; min-height: 340px;}
	.tela-4 h1 {font-size: 1.2em;}
	.tela-4 .foto {min-height: 120px;}
	.tela-5 h1 {font-size: 1.2em; padding-top: 0;}
	.chamada p {font-size: 0.8em;} 
	.tela-2 .botao-laranja {width: 90%; display: block; font-size: 1em;}
	.tela-5 .botao-laranja {width: 90%; display: block; font-size: 1em;}
	footer h2 {font-size: 1em;}
	.tela-5 .esquerda {width: 80%;}
}
@media (max-width: 414px) {
	header .botao-laranja {font-size: 0.6em !important;}
	.banner h1 {font-size: 1.4em;}
	.banner p {font-size: 0.9em;}
	.banner .bt1 {height: 50px; width: 90%;}
	.banner .bt2 {height: 50px;  width: 90%;}
	.tela-3 h1 {font-size: 1.4em;}
	.tela-4 h1 {font-size: 1.4em;}
	.tela-4 .bt3 {width: 90%;}
	.tela-5 h1 {font-size: 1.4em;}
	.tela-3 .quadro {min-height: 280px;}
	.tela-4 .foto {min-height: 100px;}
}
/*********************************************************/