/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1440px) {
	.tela-2 h2 {font-size: 1.2em;}
}
@media (max-width: 1366px) {
	header .logo {width: 100%; margin: 0 auto 20px auto;}
	header .rdp p {font-size: 0.6em;}
	.tela-4 .capa {height: 200px;}
	.tela-10 .texto {width: 40%;}
	.tela-10 .mapa {width: 58%;}
	.background {min-height: 500px; }
}
@media (max-width: 1280px) {
	.content {max-width: 95%;}
	.tela-5 .artigo {width: 100%;}
	.tela-2 .capa {width: 70%;}
	h1 {font-size: 1.2em;}
	.tela-9 h2 {font-size: 0.8em;}
}
@media (max-width: 1152px) {
	.centro {background-position: left;}
	header {padding: 10px;}

	.tela-2 .quadro {width: 100%; margin: 0 auto 60px auto;}
	.tela-2 .foto {width: 25%; }
	.tela-2 .texto {width: 75%;}
	.tela-2 h2 {font-size: 2em;}

	.background {min-height: 450px; }
	header .menu {margin-bottom: 10px;}
	#cssmenu > ul > li > a { padding: 5px 10px;line-height: 20px; font-size: 0.8em;}
	.tela-9 .icon { height: 60px;}

	.tela-4 .quadro {width: 47%; }
	
	p {font-size: 0.9em; line-height: 20px;}

	.tela-5 article {width: 47%; }
	.tela-5 {min-height: 500px;}

	header {width: 25%;}
	.centro {width: 75%;}
}
@media (max-width: 950px) {
	header {width: 100%; float: none; min-height: 80px; position: relative; display: table;}
	header .logo {width: 250px; height: 40px; margin: 0; float: left; position: absolute; left: 20px; top: 20px;}
	header p {display: none;}
	header .menu {position: absolute; top: 15px; right: 20px; width: 80%; text-align: center;}
	header .menu i {display: none;}
	header .social {display: none;}
	header .social li {border: 1px solid #ededed; width: 40px; height: 40px; border-radius: 50%; display: inline-block; top: -40px; margin: 0 15px; background-color: #fff; color: var(--dourado); font-size: 1.2em; padding-top: 8px; position: relative;}
	header .social li:hover {background-color: var(--dourado); color: #fff;}
	header .rdp {display: none;}

	.centro {width: 100%; float: none; min-height: 100%; background-color: #f1f1f1;}
	.background {min-height: 450px; }

	#cssmenu > ul > li > a {line-height: 40px;}

	.tela-1 {padding: 40px 0; text-align: center;}
	.tela-1 .imagem {width: 25%; float: none; margin: 0 auto 40px auto;}
	.tela-1 .texto {width: 100%; float: none;}

	

	.tela-3 {text-align: center;}
	.tela-3 .texto {width: 100%; float: none; margin-bottom: 40px;}
	.tela-3 .galeria {width: 100%; float: none;}

	.tela-4 .quadro {width: 47%;}

	.tela-4 {text-align: center;}
	.tela-4 .imagem {width:50%; float: none; margin: 0 auto 40px auto;}
	.tela-4 .texto {width: 100%; float: none;} 

	.tela-5 article {width: 47%;}
	.tela-5 .post-e {width: 40%; float: none; margin: 0 auto 40px auto;}
	.tela-5 .post-d {width: 100%; float: none;}

	.tela-6 {text-align: center;}
	.tela-6 .dados li {padding-bottom: 30px;}
	.tela-6 .dados i {height: auto; width: 100%; text-align: center; font-size: 2em; padding-bottom: 10px;}
	.tela-6 iframe {height: 300px;}

	.esquerda {width: 100%; float: none;}
	.direita {width: 100%; float: none; margin-top: 40px; }

	.tela-9 .icon { height: 125px;}

	.tela-10 .texto {width: 100%; padding-top: 0; margin-bottom: 40px;}
	.tela-10 .mapa {width: 100%;}

	.wp .lg {width: 50px; height: 50px;}
}
@media (max-width: 600px) {
	.tela-1 .imagem {width: 45%;}
	.tela-4 .imagem {width:100%; }
	.tela-5 article {width: 100%; margin: 0 auto 40px auto; float: none;}
	.tela-5 .texto {min-height: 40px;}
	.tela-5 .post-e {width: 100%; }
	.tela-5 .capa {width: 100%;}
	.tela-4 .quadro {width: 100%; float: none; margin: 0 auto 40px auto;}
	.tela-2 h2 {font-size: 1.2em;}

	h1 {font-size: 1.4em !important;}
}
@media (max-width: 480px) {
	header .logo {width: 200px; }
	.tela-1 .imagem {width: 100%;}
	.tela-2 .capa {width: 100%;}

	.tela-2 {text-align: center;}
	.tela-2 .foto {width: 100%; float: none;}
	.tela-2 .texto {width: 100%; float: none; padding: 30px;}

	
}