@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;}
	
	
	
	/*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: 80%; 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: 10; top: 5px; 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;}
	.menuTopMobile .logo{text-align: center; padding: 5px;}
	
	.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: 100%; padding: 0px;}
	.containPaddingMobile{padding: 15px}
	.serie{width: calc(50% - 10px);margin: 5px;}
	.serieBox{min-height: calc(100% - 110px);}

	.seriesAll{padding: 15px 0px}

	.videoSize {width: 100%;}
	
	.usersBox {width: 100%;}	
	
	.empresaBox{flex-direction: column;}
	
}