@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1200px) {
	.casting h2::before{
		content: "";
	}
	
	.casting h2::after{
		content: "";
	}

	#video-container {max-width: 800px; margin: 0 auto;}
	.video-apresenta-2 {width: 350px; 	margin-left: 25px;	margin-right: 25px; }
	
}


@media only screen and (max-width: 900px) {

		#cast .servicos3 {max-width: 600px;}
		
		#cast .servicos2 .box {margin-bottom:80px;}
		
		#cast .servicos3 .box:last-child {margin-bottom:30px; float:none; clear:both;}
		
		#cast .servicos3 .box {margin-bottom:50px;}
		
		}

@media only screen and (max-width: 800px) {
	.mobile {display:none;}
	.desktop {display: none;}

	#cast .head {padding: 20px 0px 150px;}

	#cast .head h1 {font-size: 50px;}
	#cast .head h2 {padding-bottom: 10px; max-width: 500px;}

	.headhome h1 {font-size: 4em;}
	.headhome h2 {font-size: 2em; max-width: 600px;}
	.headhome .btn a {font-size:0.8em; }
	
	.casting h2 {font-size: 2em;} 
	.casting p {font-size: 1.2em; max-width: 600px;} 
	
	.galeria {margin:50px auto;}
	
	.btn {margin-top: 30px;}

		.video-apresenta {margin-top: 50px;}

	
	.video-apresenta-2 {
		max-width: 600px;
		float:none;
		height: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.space {margin-top: -50px;}

	.space-2 {display: block;}
		
}

@media only screen and (max-width: 511px) {
	.headhome h1 {font-size: 3em;} 
	.headhome h2 {font-size: 1.5em; max-width: 400px;} 
	.headhome btn a {font-size:0.7em;}
	
	.casting h2 {font-size: 1.8em;} 
	.casting p {font-size: 1em; max-width: 450px;} 
	
	#cast .head h1 {font-size: 35px;}
	#cast .head h2 {font-size: 22px;}
	
	.btn a {font-size:0.7em; }
	
	.servicos .container {max-width: 300px;}
	.servicos .container .box {width: 300px;height: 250px;margin: 30px auto;}
	.servicos .container img {float:none;}
	.servicos .container .box .texto {width: 250px;height: 90px;margin-top: 5px;float:none;}
	.servicos .container .box .texto h2, sobre h1 {font-size:1.5em; margin: 0 auto; text-align: center;}
	.servicos .container .box .texto img {margin: 10px 0px;}
	.servicos .container .box .texto p {font-size:1em; margin: 0 auto; text-align: center;}
	
	.sobre p {font-size:1.2em;}
	
	 h1 {font-size: 2em;}
	 
	 .solicite {font-size:1.8em;}
	 
}
	
@media only screen and (max-width: 599px) {
			#cast .servicos2 .servicos3 {max-width: 300px;padding: 0px;}
			
			#cast .box {margin-bottom: 50px; float:none; clear:both;}

			#cast .servicos3 .box:last-child {margin-bottom: 30px;}		
}

@media only screen and (max-width: 400px) {
	#cast p {font-size:1em;}
}
	
@media only screen and (max-width: 320px) {
	.headhome h1 {font-size: 2em;} 
	.headhome h2 {font-size: 1.1em; max-width: 300px;} 
	.headhome btn a {font-size:0.7em;}
	
	.casting h2 {font-size: 1.5em;} 
	.casting p {font-size: 1em; max-width: 290px; text-align:left !important;} 
	
	h1 {font-size: 1.8em;}
	
	.sobre p {font-size:1em;}
}


@media only screen and (max-width: 1110px) {.galeria {max-width:875px;} }
@media only screen and (max-width: 890px) {.galeria {max-width:660px;} }
@media only screen and (max-width: 675px) {.galeria {max-width:430px;} }
@media only screen and (max-width: 430px) {.galeria {max-width:215px;} }