/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1600px) {
	/*********************************************************/
	.como-funciona {padding: 60px 5%;}
	/*********************************************************/
}
@media (max-width: 1440px) {
	/*********************************************************/
	.banner {height: 80%;}
	/*********************************************************/
	.como-funciona {padding: 60px 20px}
	/*********************************************************/
	.conheca .centro {width: 90%;}
	/*********************************************************/
}
@media (max-width: 1366px) {
	/*********************************************************/
	.banner {height: 110%;}
	/*********************************************************/
	.como-funciona .quadro {width: 97%; padding: 10px;}
	/*********************************************************/
}
@media (max-width: 1280px) {
	/*********************************************************/
	.content {max-width: 90%;}
	/*********************************************************/
	.botao {padding: 10px 20px; font-size: 0.9em;}
	.botao-2 {padding: 10px 20px; font-size: 0.9em;}
	.botao-3 {padding: 10px 20px; font-size: 0.9em;}
	/*********************************************************/
	.banner {height: 80%;}
	/*********************************************************/
	.como-funciona .texto {min-height: 140px;}
	/*********************************************************/
}
@media (max-width: 1152px) {
	/*********************************************************/
	header .inicio {padding: 5px 0;}
	header .logo {width: 240px; height: 50px;}
	/*********************************************************/
	.botao {padding: 10px; font-size: 0.6em;}
	.botao-2 {padding: 10px; font-size: 0.6em;}
	.botao-3 {padding: 10px; font-size: 0.6em;}
	/*********************************************************/
	.banner h1 {font-size: 1.4em;}
	/*********************************************************/
	.chamadas .centro {padding: 10px; height: 120px; top: -60px;}
	.chamadas h2 {line-height: 20px; margin: 0 !important; font-size: 0.8em;}
	.chamadas .quadro {width: 95%;}
	.chamadas .icon {width: 40px; height: 40px;}
	/*********************************************************/
	.apresentacao {padding: 80px 0 80px 0; }
	/*********************************************************/
	h1 {font-size: 1.4em;margin-bottom: 20px;}
	/*********************************************************/
	.como-funciona .number {font-size: 1.2em; width: 35px;height: 35px; margin: -30px auto 0 auto; padding-top: 5px;}
	.como-funciona .imagem {height: 100px; border-radius: 10px; margin: -5px 0 10px 0;}
	.como-funciona h2 {font-size: 0.8em;}
	.como-funciona .texto p {font-size: 0.7em !important; line-height: 20px;}
	/*********************************************************/
	footer .logo {width: 240px; height: 50px;}
	,/*********************************************************/
}
@media (max-width: 950px) {
	/*********************************************************/
	header .botao-2 {display: none}
	header .inicio {display: none;}
	header {position: relative; background-color: var(--cor_1); padding: 5px 0;}
	/*********************************************************/
	.banner {height: auto; display:table; padding: 80px 0; min-height: 300px; background-attachment:scroll;}
	/*********************************************************/
	.chamadas {display: table; padding: 30px 0 65px 0;}
	.chamadas .centro {padding: 10px 10px 0 10px; top: 0;}
	.chamadas .icon {width: 70px; height: 70px;}
	/*********************************************************/
	.apresentacao .content { flex-direction: column; text-align: center; }
	/*********************************************************/
	.homeserver .content { flex-direction: column; text-align: center; }
	.homeserver li {width: 100%;}
	/*********************************************************/
	.direita { margin-top: 30px; }
	/*********************************************************/
	.como-funciona .texto {min-height: 80px;}
	.como-funciona .centro {width: 100%;}
	/*********************************************************/
	.botao {font-size: 0.9em;}
	.botao-2 {font-size: 0.9em;}
	.botao-3 {font-size: 0.9em;}
	/*********************************************************/
	.banner-pagina { width: 100%; height: 120px; display: table; }
	.banner-pagina .overlay {padding-top: 20px;}
	/*********************************************************/
	.hero-interna .content { flex-direction: column; text-align: center; }
	/*********************************************************/
	 .pilares .grid { grid-template-columns: repeat(2, 1fr); }
	/*********************************************************/
	 .serv-grid{ grid-template-columns: repeat(2, 1fr); }
	/*********************************************************/
	.servico-hero, .servico-body { display: block; width: 100%; }
	/*********************************************************/
	.contato-info{ grid-template-columns: repeat(2, 1fr); }
	.contato-body{ grid-template-columns: 1fr; }
	/*********************************************************/
}
@media (max-width: 667px) {
	/*********************************************************/
	.banner  h1 {width: 100%;}
	/*********************************************************/
	.pilares .grid { grid-template-columns: 1fr; }
	/*********************************************************/
	.serv-grid{ grid-template-columns: 1fr; }
	/*********************************************************/
	.contato-info{ grid-template-columns: 1fr; }
	/*********************************************************/
	.form-grid{ grid-template-columns: 1fr; }
	/*********************************************************/
}
@media (max-width: 480px) {
	/*********************************************************/
	.banner  h1 {font-size: 1em;}
	.banner {padding: 30px 0; min-height: 140px; background-attachment:scroll;}
	/*********************************************************/
	.apresentacao img { width: 100%; margin-left: 0; }
	.apresentacao .direita {margin-top: -20px !important;}
	/*********************************************************/
	footer .content {display: block; width: 100%; text-align: center;}
	/*********************************************************/
	footer .logo {width: 70%; height: 70px; margin: auto;}
	/*********************************************************/
}