.headerLogo{height: 70px; background:#444; min-width: initial; position: relative; padding: 5px 5px 5px 5px; margin-bottom: 3px}
.headerLogo img{height: 70px;}

.menu{justify-content: flex-start; height: 100%; min-width: initial; flex-direction: column; width: calc(100% - 60px); position: fixed; top: 0px; left: calc(-100% + 59px);z-index: 1000; border-right: 1px solid #CCC; transition: 0.5s}
.itemMenu{height: 70px; width: 100%; background-size: 60px; background-position: 5px center; font-size: 14px; margin: 0px;}
.itemMenu:hover {background-color: #DDD; background-size: 60px; background-position: 5px center;}
.itemMenu div{padding-top: initial; line-height: 70px; text-align: left; padding-left: 70px;}
.contraMenu{display: none; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 999; cursor: pointer}
.menuIcon{display: block; position: absolute;top: 15px; right: 15px; width: 50px; height: 50px; background-image: URL('img/menuIcon.png'); background-repeat: no-repeat; background-position: center; cursor: pointer}
.menuOpen{left: 0px; transition: 0.5s}

.menuSelect{background-size: 60px; background-position: 5px center;}

.user{height: 65px; width: calc(100% - 10px); margin: 0px; bottom: 10px; position: absolute; right: initial; top: initial; border-top: 1px solid #DDD; left: 5px;}
.userName{font-size: 12px;}
.sair{width: 100px; background-position: center; filter: initial; margin: 0px auto;}
.sair:hover{ filter: initial; transition: 0.3s;}

.favoritosBar{width: calc(100% - 20px); margin: 10px auto; position: relative; height: 50px; padding: 0px 10px;}
.favoritosBar a{text-decoration: none}
.favoritos{width: initial; height: 50px; line-height: 50px; position: initial; right: initial; font-size: 15px; padding-left: 55px; background-size: 35px;}
.favoritos:hover{background-position: 12px center; background-size: 35px;}

.avatar{margin: 10px 10px; width: calc(100% - 20px); justify-content: center; padding: initial; flex-wrap: wrap;}

[id^='avatar-']{width: calc(33vw - 12px); height: calc(33vw - 12px); background-size: auto calc(33vw - 45px); margin: 3px; background-position: center 5px;}
[id^='avatar-']:hover{background-size: auto calc(33vw - 45px); background-position:  center 5px;}
[id^='avatar-'] div{bottom: 5px; font-size: 14px;}

.resumoFlex, .favoritosFlex{display: flex; justify-content: center; width: calc(100% - 30px); flex-direction: column;}
.favoritosFlex > div{width: initial}
.resumoFlex > div{width: initial}
.resumoHidden{font-size: 14px;}


#materiaSelecionada{padding: 10px 15px; min-width: initial;}
#materiaSelecionada > div {margin: 10px auto; width: 100%;}
.tituloCat{width: initial;}
.aulasCat div{margin: 10px;}

.footer{background: #000; min-width: 1200px; padding: 20px calc((100% - 1200px) / 2);}

		
	/*PAGE QUEM SOMOS*/
	.quemSomos{width: 100%; min-width: initial;}
	.quemSomosBalao{left: 15px; width: calc(100% - 30px); background-image: URL('img/qs-tagBalaoMobile.png'); padding-bottom: 60px; background-position: 37px bottom; bottom: 255px; font-size: 14px}
	.quemSomosTxt{padding: 15px; background: rgba(255,255,255,0.9); border-radius: 10px;}

	.cano{left: 40px;}
	.bonecoQS {left: 20px;}
	.plataforma{left: 230px;}
	.escada{left: 385px;}
	.coracao{left: 330px;}
	.moeda1{left: 245px;}
	.moeda2{left: 315px;}

	.professores{min-width: initial; padding: 20px 15px;}
	.profTitulo {width: calc(100vw - 50px); height: calc(100vw/10 - 10px); background-size: calc(100vw - 80px);}
	.hide{display: none !important; transition: 0.5s}
	.profHidden{display: flex; justify-content: space-between; padding: 0px 15px; flex-direction:  column}
	.profItem{width: 100%; margin: 25px 0px}
	.realidadeVirtual{width: 100%; min-width: initial; height: 289px;}
	
	.youtubeFaixa{min-width: initial;}
	.footer{background: #000; min-width: initial; padding: 20px 15px;}