/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1280px) {
	/*********************************************************/
	.content {max-width: 90%;}
	/*********************************************************/
}
@media (max-width: 1152px) {
	/*********************************************************/
	.tela-1 h2 {font-size: 1.2em;}
	/*********************************************************/
	.tela-4 h1 {font-size: 2em; margin: 0 0 40px 0;}
	/*********************************************************/
	.blog .imagem {height: 160px;}
	/*********************************************************/
}
@media (max-width: 950px) {
	/*********************************************************/
	header .social {display: none;}	
	/*********************************************************/
	.sumir {display: none !important;}
	.aparecer {display: block !important;}
	.esquerda {width: 100%; float: none; margin-bottom: 40px;}
	.direita {width: 100%; float: none;}
	/*********************************************************/
	p {font-size: 0.9em !important; line-height: 22px !important;}
	/*********************************************************/
	.tela-1 {padding: 40px 0;}
	/*********************************************************/
	.tela-2 {padding-bottom: 40px;}
	/*********************************************************/
	.tela-3 {padding: 40px 0; text-align: center;}
	.tela-3 .direita {width: 30%; margin: auto;}
	/*********************************************************/
	.tela-4 {text-align: center;}
	.tela-4 .esquerda {margin: 0 auto 40px auto;}
	/*********************************************************/
	.tela-5 {padding: 40px 0;}
	/*********************************************************/
	footer {text-align: center; padding-top: 20px;}
	footer .logo {float: none; margin: auto; height: 100px;background-size: 280px; display: inline-block;}
	footer .dados {width: 100%; padding:  20px 0; float: none;}
	footer .dados li {font-size: 1em; justify-content: center;}
	/*********************************************************/
	.tela-6 {padding: 40px 0; text-align: center;}
	.tela-6 .dados li {justify-content: center;}
	.tela-6 .botao-wp {display: inline-block;}
	/*********************************************************/
	.tela-7 .colunas {columns: 1; column-gap: 0;}
	/*********************************************************/
	.tela-8 .quadro {width: 100%; display: block;}
	.tela-8 .titulo-e {float: none; padding-right: 0; margin-right: 0; text-align: center; width: 100%; display: block;}
	.tela-8 .texto-d {float: none; width: 100%; }
	.tela-8 .azul {border-right:0; padding-right: 0;}
	.tela-8 .vermelho {border-left: 0; padding-left: 0;}
	/*********************************************************/
	.tela-9 {text-align: center;}
	/*********************************************************/
	.blog .quadro {width: 48%;}
	/*********************************************************/
	.meio {width: 100%; float: none;}
	/*********************************************************/
	.lateral {display: none;}
	/*********************************************************/
}
@media (max-width: 667px) {
	/*********************************************************/
	h1 {font-size: 1.4em !important;}
	h2 {font-size: 1em !important;}
	/*********************************************************/
	.tela-2 .imagem {height: 240px; }
	.tela-2 .quadro {min-height: 300px;}
	/*********************************************************/
	.tela-3 .direita {width: 60%;}
	/*********************************************************/
	.tela-4 .esquerda {width: 60%;}
	/*********************************************************/
	.tela-5 .quadro {width: 85%; }
	/*********************************************************/
	.tela-6 .dados li {font-size: 0.9em; margin-bottom: 15px;}
	.tela-6 .dados i {font-size: 1.2em; margin-right: 5px;}
	/*********************************************************/
	.tela-8 .quadro h2 {font-size: 1.4em !important;}
	/*********************************************************/
	.blog .quadro {width: 100%; float: none; margin: 0 auto 20px auto; min-height: 100px;}
	/*********************************************************/
	.tela-5 .imagem {float: none; width: 60%; margin: 0 auto 10px auto;}
	.tela-5 h2 {padding: 0; text-align: center;}
	.tela-5 .quadro {padding: 15px;}
	.tela-5 .star {margin: 0 auto 10px auto; }
	.tela-5 p {text-align: center;}
	/*********************************************************/
}
@media (max-width: 480px) {
	/*********************************************************/
	header .dados {width: 100%; text-align: center;}
	header .dados li {font-size: 0.7em; padding: 0 5px;}
	header .logo {width: 200px; height: 70px;}
	
	footer .logo {background-size: 100%;}
	/*********************************************************/
	.tela-1 .icon {width: 70%;}
	/*********************************************************/
}