/*-----------------------**/
/*MOBILE*/
/*-----------------------**/
@media all and (max-width: 1024px) {
    #container{min-width: 768px; background-position: center -35px;background-repeat: no-repeat;}
    .colContent{max-width: 690px;}
    /* .section1{min-height: 870px;} */
    .section1 .bg{background-image: url('../imagens/bg_section1_1024.png');height: 768px;;background-repeat: no-repeat; min-width: 768px; top: -150px; left: 0; right:0; bottom:0; margin:auto;}
    .section1 .nav{width: 100%}
    .section1 .logo {position: absolute; width: 515px; height: 428px; top: -100px; left: 0; right:0; bottom:0; margin:auto;}
    .mainMenu {background-image: url(../imagens/faixa_menu_768.png);width: 700px;height: 59px;margin: 0 auto;position: absolute;bottom: 850px;}
    .mainMenu a {font-size: 24px;line-height: 40px;margin: 0 16px;}    
    .mainMenu a:hover {color:#914cb6;}
	.mainMenu a.active{color:#e2cd00 !important;}
	.mainMenu .home.active{color:transparent !important;}

    .mainMenu.fixed{top:0 !important;}
    .mainMenu.fixed a {margin: 0 9px;}
    .mainMenu.fixed .home {margin-left: 50px;}

    .section2  {height: 922px; background-image: url('../imagens/bg_about_768.png'); }
    .section2 .bg{background-image: url('../imagens/secao_02_768.png');height: 1076px;;background-repeat: no-repeat; min-width: 768px; background-size:100%;background-position:bottom; width:768px;}
    .section2 .col01 {margin: 44px 23px}
    .section2 .col01 .titAbout {font-size: 163px; left: -253px; top: 180px;}
	
    .section3  {background-image: none; height: 1048px;}
    .section3 .txtTrack{top: 70px;font-size: 117px;line-height: 98px;}
    .section3 .btns.btn1 {left: 510px;top: 671px;}
    .section3 .btns.btn2 {left: 93px;top: 572px;}    
    .section3 .btns.btn3 {left: 426px;top: 465px;}
    .section3 .btns.btn4 {left: 392px;top: 155px;}
    .section3 .boxInf.boxInfo1{ top: 720px;left: 163px;}
    .section3 .boxInf.boxInfo2{top: 640px;left: 195px;}
    .section3 .boxInf.boxInfo3{left: 85px;top: 518px;}
    .section3 .boxInf.boxInfo4{top: 230px;left: 50px;}
	
	.section3 .bg{position: absolute; margin-left:-512px; left: 50%; right: 0; top: 0px; background-position: center; width: 1024px; height: 1048px; background-image: url('../imagens/secao_03_1024.png'); display: block; background-size: cover;}

    .steps .balaoVideo{top:10px;}
    .steps .contLeft{width: 100%;}
    .steps .containerVideo {margin-top: 150px; width: 581px; height: 364px; margin-left: 50px; margin-bottom:0;}
    .steps .txtDir {margin: 25px 0 0px 0;width: 100%;}
    .section5.steps .txtDir {margin: 25px 0 105px 0;width: 100%;}
    .section7.steps .txtDir {margin: 25px 0 105px 0;width: 100%;}
    .steps .txtDir .contTxt01 p {margin-bottom: 25px;}
    .steps .contTxt03 {position: absolute;width: 616px;height: 400px;top:-330px;box-sizing: border-box;left: -197px;padding: 45px 0 0 200px;}
    .steps .contTxt03 h3 {float: left;margin-bottom: 5px;width: auto; margin-top:10px;}
    .steps .contTxt03 dl{float: left;width: 302px;}
    .steps .contTxt03 dl dd{font-size: 16px; line-height: 22px;}
    .steps .contTxt03 .containerScrollG{width: 308px; margin-right:107px;}
    .steps .contTxt03 .containerScrollG:before{width: 318px;background:#FFF; height:32px;opacity:1 !important;}
    .steps .contTxt03 .containerScrollG:after{width: 318px;background:#FFF; height:110px; opacity:1 !important;}
    .steps .contTxt03.glossario2 .scrollUp{right:75px;}
    .steps .contTxt03.glossario2 .scrollDown{right:0px;}
    .steps .contTxt03 p.tituloGlossary{width: 415px;}

    .section7.steps .contTxt03 {top:-460px;}
    .section6.steps .contTxt03 {top:-410px;}
    .section5.steps .contTxt03 {top:-400px;}
	
	
    .steps .txtDir .contMedalha .medalha {float: right;margin-right: 57px;margin-top: 15px;}
    .steps .txtDir .contMedalha .content {float: right;clear: right;margin-top: 15px;width: 240px;}
    .steps .cadeadoQuiz {margin-top: 33px;}
    .steps .areaQuiz {width: 690px;}
    .steps .contentQuiz {max-width: 650px;}
	
    .steps .areaQuiz2 {width: 630px;}
	
    .section4{min-height: 1310px;}
    .section6.steps .txtDir .contMedalha .content {margin-bottom: 110px;}
    /* .section6.steps .glossario1{margin-top: 0px;} */
    .section7.steps .quizzFinal .txtInfo{margin-top: 100px;font-size: 25px;}
    .section7.steps .quizzFinal .cadeadoQuiz{margin-top: 75px;}
    .section8 #creditos dl dd {line-height: 20px;}
    .section8 dl dd {font-size: 12px;}
	.section8 .btCredits:hover{background-color:#fff; border: solid 2px #4f504f;}
	.section8 .btCredits:hover p{color: #4f504f;}
	
}   
@media all and (max-width: 768px) {
    /* #container{ margin-bottom: 120px;} */
}