@media screen and (max-width: 2800px) and (orientation: landscape) {
	#barraLateral1 {max-width: 50px;}
	#barraLateral2 {max-width: 70px;}
	#logoJP {margin-left: 1%;} /*5%*/
	#tema {margin-left: 29%;} /*34%*/
	#patrocinadores {margin-left: 12%;}
}

@media screen and (max-width: 1800px) and (orientation: landscape) {
	#infoCad {
		width: 50%;
		backgroud-color: red !important;
		}
	}
@media screen and (max-width: 1400px) and (orientation: landscape) {
	#t2 {font-size: 30px !important;}
	#logoJP {margin-left: 4%;}
	#tema {margin-left: 33%;}
	#patrocinadores {margin-left: 15%;}
	
	#dtInsc {
	margin-top: 10px;
	width:60% !Important;
	padding-left: 40% !Important;
	text-align:center !Important;
	}
	#dtInsc img {width: 200px;height: auto;}

	#infoCad {
		width: 40%;
		}
	#infoCad p:nth-child(1) {
		font-size: 24px;
		}	
	#infoCad p:nth-child(2) {
		font-size: 30px;
		line-height: 30px;
		}


	}
@media screen and (max-width: 1200px) and (orientation: landscape) {
	#t2 {font-size: 25px !important;}
	}
@media screen and (max-width: 950px) and (orientation: landscape) {
	#t2 {font-size: 20px !important;}
	}
@media screen and (max-width: 900px) and (orientation: portrait) {
	#t2 {font-size: 20px !important;}
	}


@media screen and (max-width: 700px) and (orientation: portrait) {
	body {background-color:#EEEEEE;}
	.imgDstMobile{display:block;}
	#quadro1 {position:relative;width:100%;}
	#quadro2 {position:absolute;width:100%;padding-top: 0;margin-left:-100%;background-image: none;background-color:#EEEEEE;}
	#formulario {margin-top: -20px;}
	#dadosAutor, #dadosResponsavel, #dadosPoema {font-size: 20px;}
	#leiaRegulamento {display:none;}
	#logoJP {margin-top: 10%;margin-left: 0;margin-bottom: 0;}
	#logoJP img {width: 80%; margin-left: 5%;}
	#tema {margin-left: 25%;margin-top: 10px;}
	#t2 {margin:0;font-size: 22px; margin-top: -10px;}
	#patrocinadores {display:none;}
	#patrocinadoresMobile {width: 95%;position: fixed;bottom: 0;z-index: 100;display: block;margin-left: 4%;}
	#patrocinadoresMobile img {width: 95%;height: auto;margin-top: 0;margin-bottom: 10px;}
	#compartilhar {position: fixed;z-index:100;left: 0;bottom:0;margin-bottom: 22vh;width: 40px;height: auto;}
	.btnMobile {display:block;position: relative;margin-top:35px;width: 90%;margin-left: 8%;height: 80px;text-align: center;}
	.btnMobile div {position: relative;display: inline-block;vertica-align:top;width: 70%;height: 60px;background-color: #606;margin-left:5%;color: #FFF;padding-top: 5px;font-size: 16px;border-radius: 3px;}
	#quadro2 h1 {font-size: 2em !important;line-height: 40px !important;}
	#textoRegulamento h2 {margin-left: 5%;}
	#bkgRegulamento {background-image: none !Important;background-color:#EEEEEE !important;} 
	#dtInsc {
		margin-top: 20px;
		width:70% !Important;
		padding-left: 28% !Important;
	}
	#dtInsc img {
	  width: 240px;
	  height: auto;
		}	
		
	#infoCad {
		margin-top: 3%;
		width: 90%;
		}
	#infoCad p:nth-child(1) {
		font-size: 26px;
		}	
	#infoCad p:nth-child(2) {
		font-size: 40px;
		line-height: 40px;
		}
				
}

@media screen and (max-width: 800px) and (orientation: landscape) {
	body {background-color:#EEEEEE;}
	.imgDstMobile{display:none;}
	#leiaRegulamento {display:none;}
	#quadro1 {margin-left:0 !important;display:block !important;}
	.voltar {display:none !important;}
	#leiaRegulamento {display:block}
	#formulario {margin-top: -15px !Important;}
	#quadro2 h1 {margin-top: -5px !important;margin-bottom: 10px !important;font-size: 3em !important;line-height: 40px !important;}
	#t2 {font-size: 15px !important;display:block;margin-top: -5px;}
	#compartilhar {margin-bottom: 12vh;}
	#regulamento {width: 80%;margin-left: 10%;}
	#fechaRegra {margin-left: 68%;margin-top: -15px;}
	#dtInsc {
		margin-top: 5px;
		width:60% !Important;
		padding-left: 35% !Important;
	}
	#dtInsc img {
	  width: 150px;
	  height: auto;
		}	

}


@media screen and (max-width: 420px) and (orientation: landscape) {
	body {background-color:#EEEEEE;}
	.imgDstMobile{display:block;}
	#quadro1 {position:relative;width:100%;}
	#quadro2 {position:absolute;width:100%;padding-top: 0;margin-left:-105%;background-image: none;background-color:#EEEEEE;}
	#formulario {margin-top: -20px;}
	#dadosAutor, #dadosResponsavel, #dadosPoema {font-size: 20px;}
	#leiaRegulamento {display:none;}
	#logoJP {margin-top: 10%;margin-left: 0;margin-bottom: 0;}
	#logoJP img {width: 80%; margin-left: 5%;}
	#tema {margin-left: 25%;margin-top: 10px;}
	#t2 {margin:0;font-size: 22px; margin-top: -10px;}
	#patrocinadores {display:none;}
	#patrocinadoresMobile {width: 90%;position: fixed;bottom: 0;z-index: 100;display: block;margin-left: 4%;}
	#patrocinadoresMobile img {width: 95%;height: auto;margin-top: 0;margin-bottom: 10px;}
	#compartilhar {position: fixed;z-index:100;left: 0;bottom:0;margin-bottom: 22vh;width: 40px;height: auto;}
	.btnMobile {position: relative;display:block;margin-top:35px;width: 90%;margin-left: 8%;height: 80px;text-align: center;}
	.btnMobile div {position: relative;display: inline-block;vertica-align: top;width: 70%;height: 60px;background-color: #606;margin-left: 5%;color: #FFF;padding-top: 5px;font-size: 16px;border-radius: 3px;}
	#quadro2 h1 {font-size: 2em !important;line-height: 40px !important;}
	#textoRegulamento h2 {margin-left: 5%;}

}

@media screen and (max-width: 420px) and (orientation: landscape) {
	#patrocinadoresMobile {display:none;}	
	#barraLateral1 {display:none;}
	#barraLateral2 {display:none;}
}

@media screen and (max-width: 420px) and (orientation: portrait) {
	#quadro2 {display:none;}
	#logoJP {margin-top: 5%;margin-left: 0;margin-bottom: 0;}
	#logoJP img {width: 80%; margin-left: 5%;}
	#compartilhar {margin-bottom: 15vh;}
	#tema {margin-left: 26%;margin-top: 5px;}
	#t2 {margin:0;font-size: 16px; margin-top: -4px;}
	.btnMobile div {font-size:1.1em; line-height: 1.4em}
	#acaoReg {line-height: 1.4em;}
	#mensagemCadOk {top:20%;}
	.logoJP-fin img{width:80% !Important;}
	#patrocinadoresMobile {width: 87%;margin-left: 12%;}
	#patrocinadoresMobile img {width: 99%;}
	#textoRegulamento h1 {margin-left: 5% !Important ;}

	#dtInsc {
		margin-top: 0;
		width:60% !Important;
		padding-left: 35% !Important;
		}
	#dtInsc img {
	  width: 150px;
	  height: auto;
		}	
		
}

@media screen and (max-width: 320px) and (orientation: portrait) {
	.btnMobile div {height: 50px;}
	.btnMobile div {font-size:14px;}
	#patrocinadoresMobile {position: relative;}
	
}

@media screen and (max-width: 300px) and (orientation: portrait) {
}