@media screen and (max-width:700px) {
	body{margin: 0px; font-family: verdana; font-size: 14px; background: #F3F3F3; font-family: 'Signika', sans-serif;}
	a, a:visited, a:link, a:active, a:hover{text-decoration: none; color: #000}
	.menuIcon{float: right;}
	.nomeUsuario {float: initial; line-height: 50px; right: initial; text-align: center; width: calc(100% - 100px); left: 50px;}

	/*CONTAIN*/
	.contain{position: relative; background: #F5F5F5; width: calc(100% - 20px); margin: 0px 0px 0px 0px; padding: 10px; border: initial; overflow: hidden; box-shadow: initial; min-width: initial}
	.boxPadding{padding: 0px}
	.titulo{text-align: center;}
	.categoria{height: 40px; line-height: 40px; font-size: 20px; color: #B00909; font-weight: bold; clear: both }
	.thumbVideo{position: relative; cursor: pointer; float: left; width: 100%; margin: 10px 0px; background: #fff; box-shadow: initial; border: initial; border-bottom: 1px solid #CCC}
	.thumbVideo:hover, .addIcon:hover{box-shadow: initial; transition-duration: initial;}
	.imgDiv{width: 100%; height: initial; float: initial}
	.thumbImg{width: 100%}
	h1{font-size: 19px; font-weight: bold; margin: 0px 0px 15px 0;}
	.videoAula{position: relative; overflow: hidden; padding-top: 56.25%; width: initial; height: initial;}
	.oculto{background: #EEE}
	.pontuacao, .pontuacaoOK{ padding: 0px 5px}
	
	.aulaDescricao{width: 100%;}
	.avaliacaoPergunta{font-size: 15px; font-weight: bold; margin: 10px 0; min-height:24px;}
	.avaliacaoOpcoes{font-size: 13px; line-height: 25px;}
	.botaoResposta{margin:10px 0; cursor: pointer; height: 40px; line-height: 40px; width: 250px; font-size: 20px; color: #FFF; text-align: center; background: #333; box-shadow: 0px 0px 2px #000}
	.botaoResposta:hover{background: #800; box-shadow: 0px 0px 6px #000; clear: both; transition-duration: 0.5s;}
	.textResposta{height: 20px; line-height: 20px; float: left;}
	.nulo,.certo,.errado{height: 20px; line-height: 20px; width: 20px; margin-right: 10px}
	.certo{background: URL('img/icons/certo.png')}
	.errado{background: URL('img/icons/errado.png')}
	.notaAvaliacao{font-size: 35px; font-weight: bold; margin: 10px 0; height:40px;}
	.dataAvaliacao{font-size: 16px; margin: 10px 0; height:20px;}

	.addTurma{cursor: pointer; border: 1px solid #AAA; margin: 5px; padding: 10px; width: 300px; background: #FFF; text-align: center; font-weight: bold}
	.turma, .turmaNew, .turmaIndex{cursor: pointer; border: 1px solid #AAA; margin: 5px 0px; padding: 5px 10px; width: calc(100% - 22px); background: #FFF; float: left; height: initial}
	.turma:hover, .addTurma:hover, .turmaIndex:hover{box-shadow: 0px 0px 5px #333; transition-duration: 0.5s;}
	.linha{height: 30px; line-height: 30px}
	.itemTurma, .descItemTurma{line-height: 30px; float: left}
	.encerrada{background: #EEE}

	/* LOGIN */
	.all{position: relative; width: 100%; min-width: 834px;}
	.topBarLogin{position: relative; padding: 15px; background: #800; z-index:1000;}
	.entrar{position: absolute; top: 25px; right: 25px; cursor: pointer; background: #FFF; color: #800; font-size: 20px; height: 40px; width: 100px; line-height: 40px; border: 3px #FFF solid; border-radius: 3px; font-family: 'Signika', sans-serif; float: right; text-align: center;}
	.entrar:hover{color: #FFF; background: #800}

	.capa{width: 100%;}
	.imgCapa{width: 100%; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%) brightness(0.1);}
	.logoHome{position: absolute; top: 100px; margin: 0px auto; height: 250px; width: 100%; background: URL('img/logoHome.png'); background-repeat: no-repeat; background-position: center;}
	.boxItens{padding: 35px; background: #000;}
	.boxContain{margin: 0px auto; overflow: hidden; width:690px; margin-bottom: 20px}
	.item{margin: 0px 40px; width: 150px; float: left;}
	.item img{width: 150px}
	.resumo{color: #FFF; font-family: 'Signika', sans-serif; text-align: center; padding: 15px 0px; font-size: 19px;}
	.cadastrar{cursor: pointer; color: #B00909; font-size: 30px; height: 60px; line-height: 60px; width: 100%; box-shadow: 0px 0px 4px #000; background: #FAFAFA; font-family: 'Signika', sans-serif; text-align: center; clear: both;}
	.cadastrar:hover{color: #DD0B0B; background: #FFF; box-shadow: 1px 1px 6px #000}

	/* TURMAS */
	.alunoTurma {margin: 0px 5px; padding: 5px; float: initial; }
	.divAlunoTurma{height: initial; padding: 5px 0px; border: 1px solid #ccc; margin: 5px 0px; background: #ffffff;}
	[id^="resposta-"]{width: 100%; height: 30px;}
	
	/* FOOTER */
	.footer{margin-top: 4px;}
	.footLogin{position: relative; min-height: 100px; width: 100%; background: #111; /*box-shadow: 1px 1px 5px #000;*/ overflow: hidden}
	.footItem{position: relative; color: #FFF; float: left; min-width: 320px ;width: calc(100/2 - 20px); margin: 10px 10px 0 10px; line-height: 30px; font-size: 15px; font-family: 'Signika', sans-serif;}
	
	/* BOTÕES e OUTROS*/
	.btRed, .btBlue, .btGray {padding: 10px 5px; width: calc(100% - 10px); min-width: initial;}
	
	.alerta{font-size: 16px; width: calc( 100% - 80px);}

	/*AULAS*/
	.listaAulasMob{display: block; width: 100%; position: relative; padding: 11px 10px; margin: 1px; border-bottom: 1px solid #DDD; background: #FFFFFF; text-align: center; cursor: pointer}
	.listaAulas{width: 100%; margin-right: 0px; display: none;}
	
}