/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1680px) {
	.lets-job .esquerda {padding: 200px 7% 0 7%;}
}
@media (max-width: 1440px) {
	.lets-job .esquerda {padding: 200px 5% 0 5%;}

	.tela-2 .esquerda {min-height: 750px;}
	.tela-2 .direita {min-height: 750px;}
}
@media (max-width: 1366px) {
	header {padding-top: 20px;}

}
@media (max-width: 1280px) {
	.content {max-width: 90%;}
	.cards-grid { grid-template-columns: repeat(3, 1fr); }

	.solucoes h2 {font-size: 2em;}

	.lets-job h1 {font-size: 2em;}
	.lets-job .esquerda {min-height: 750px;}
	.lets-job .direita {min-height: 750px;}
}
@media (max-width: 1152px) {
	.tela-2 .esquerda {min-height: 550px;}
	.tela-2 .direita {min-height: 550px;}

	.tela-1 h1 {font-size: 2em;}

	.home .quadro {width: 80%; }
}
@media (max-width: 1024px) {
	.home h1 {font-size: 6em; }

	.solucoes .direita {padding: 40px;}

	.lets-job .esquerda {min-height: 550px; padding: 80px 40px 0 40px;}
	.lets-job .direita {min-height: 550px;}
}
@media (max-width: 950px) {
	.cards-grid { grid-template-columns: repeat(2, 1fr); }
	.card-media img { height: 550px; }

	.home .quadro {width: 100%; }

	.centro {width: 100%;}

	.solucoes {display: block;}
	.solucoes .esquerda {width:100%; float: none; padding: 30px 0;}
	.solucoes img {width: 40%;}
	.solucoes .direita {width: 100%; text-align: center;}

	.lets-job {display: block;}
	.lets-job .esquerda {width: 100%;padding: 40px; min-height: 150px; text-align: center;}
	.lets-job .direita {width: 100%; min-height: 450px;}

	footer .content {display: block; text-align: center;}
	footer .logo {display: inline-block;}

	.tela-1 {padding: 40px 0; text-align: center;}
	.tela-1 .direita {width: 100%; float: none;}
	.tela-1 .esquerda {width: 100%; float: none;}

	h1 {font-size: 2em !important;}
	h2 {font-size: 1.6em !important;}
	p {font-size: 1em !important; line-height: 25px !important;}

	.home h1 {font-size: 4em !important; width: 100%; padding-top: 35%; line-height: 45px;}
	.home .quadro {padding: 20px; text-align: center;}
	.home .quadro .esquerda {width: 100%; text-align: center;}
	.home .quadro .direita {width: 100%; text-align: center;}
	.home .seta {display: none;}
	.home .smile {width: 100px; height: 55px; margin: 15px auto;}

	.social li {font-size: 1.6em;}
}
@media (max-width: 600px) {
	header .social {display: none;}
	header .logo {position: absolute; left: 50%; transform: translate(-50%, -50%); margin-top: 40px;}

	.cards-grid { grid-template-columns: 1fr; }
	.card-media img { height: 460px; }

	.tela-2 .esquerda {min-height: 550px; width: 100%;}
	.tela-2 .direita {min-height: 550px; width: 100%;}

	.botao {padding: 10px 15px;font-size: 1em;}
	.botao2 {padding: 10px 15px;font-size: 1em;}

	.videos { padding-top: 40px;}

	footer .logo {width: 70%; height: 100px; margin: auto;}
}
@media (max-width: 480px) {
	
	.home h1 {padding-top: 180px; line-height: 45px;}

	.cases {padding-top: 80px;}

	h1 {font-size: 1.6em !important;}
	h2 {font-size: 1.2em !important;}
	p {font-size: 0.9em !important; line-height: 20px !important; }

	.solucoes img {width: 70%;}

	.lets-job h1 {font-size: 1.4em !important;}

	.social li {font-size: 1.2em;}

	.tela-2 .esquerda {min-height: 400px; width: 100%;}
	.tela-2 .direita {min-height: 400px; width: 100%;}
}
/*********************************************************/