@media screen and (max-width:700px) {
	section{padding: 15px; min-width: initial;}
	.titulo{font-size: 32px !important;}
	.contain{width: initial; font-size: 18px; min-width: 100%;}
	.w800{width: initial}
	
	.perguntaBox, .input, .textarea{width: 100%;}
	
	.column{flex-direction: column}
	.footer{margin-bottom: 20px;}
	
	/*CURRICULO*/
	.containCurriculo{width: calc(100% - 30px)}
	.p100, .p85, .p70, .p66, .p50, .p33,.p15{width: 100% !important}
	#divDisponibilidadeHorarios .alternativa, #divObjetivos .alternativa {width: calc(50% - 40px); margin: 10px 0px;}

	/*LOGIN*/
	.loginHeader{position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
	.loginHeaderBack{ background-size: auto 100%;}
	.loginBox{position: relative; width: calc(100% - 60px); text-align: center; text-align: center; background: rgba(0,0,0, 0.45); border-radius: 5px; padding: 15px;}
	.logo img{width: 180; margin-top: initial}
	.sideMenu{left: -260;}
	.sideMenu .logo {display: none;}
	.menuTopMobile{display: block; background: var(--main-color); position: sticky; width: 100%; font-size: 16px; top: 0; z-index: 1000; padding: 0px;}
	.menuIcon{display: block; position: absolute; right: 18; top: 18px; height: 45px; width: 45px; background-image: URL('/img/icon-menu.svg'); background-size: 32px; background-position: center; float: left; background-repeat: no-repeat; cursor: pointer; filter: invert(1);}
	.menuTopMobile .logo{text-align: center; padding: 15px; background: #DDDDDD;}
	
	.btMobile{display: block; position: relative; padding: 10px; text-align: center; cursor: pointer; font-weight: bold; background: #FFFFFF; color: var(--main-color);}
	
	.containPainel{margin-left: 0; width: calc(100% - 30px); padding: 15px;}
	.containPaddingMobile{padding: 15px}
	.serie{width: calc(50% - 10px);margin: 5px;}
	.serieBox{min-height: calc(100% - 110px);}

	.usersBox {width: 100%;}	

	.cursoThumb{max-width: inintial; width: calc(100% - 30px); margin: 0 auto}
	
	#boxTemp{align-items: start;}
}