@media screen and (max-width:700px) {
	section{padding: 15px; min-width: initial;}
	.titulo{font-size: 32px !important;}
	.contain{width: initial; font-size: 18px;}
	.w800{width: initial}
	.divIframe{width: calc(100% - 30px);}
	
	.mountain{background: URL('img/mountain-mobile.jpg'); height: calc(100% - 20px); background-size: 100% auto}
	.mountain>div{height: 100%;}

	.clock{background: URL('img/clock-mobile.jpg'); height: calc(100% - 20px); min-height: initial; background-size: 100% auto}
	.clock>div{height: 100%;}
	
	.flexClock {height: initial}
	
	.perg{margin: 10px 0px; width: 100% !important;}
	.enfase {font-size: 20px;}	
	
	.masterClassTxt {margin-right: initial; width: initial}
	.masterClassImg {font-size: 15px;width: 100%; display: flex; justify-content: space-around;}

	.input, .bt{font-size: 15px; width: 100%;}
	
	.column{flex-direction: column}
	.footer{margin-bottom: 20px;}
	
	.venda .bt{font-size: 25px; padding: 20px 40px}
	.venda .acredite {font-size: 21px;}
	.bonusTxt{width: 100%; margin-bottom: 20px}
	.bonusImg img{width: 100%}
	
	.novoCurso{font-size: 30px; text-align: center; margin-right: 0;width: 100%; border: none;}
	.novoCurso2{font-size: 20px; width: 100%; text-align: center; display: block;}

	.sobreFabio{font-size: initial}
	.sobreFabioTxt{font-size: initial}
	.esteCurso div{width: 100%;}
	.timer div{padding: 10px; width: initial; font-size: 30px;}
	.brainstorming{background-size: auto 100%; background-position: center;}
}