@media (max-width: 659px) {
	#interatividade .main .content{
	  transform: scale(1);
	}
}
@media (min-width: 660px) and (max-width: 765px) {
	#interatividade .main .content{
	  transform: scale(0.82);
	}
}
@media (min-width: 766px) and (max-width: 845px) {
	#interatividade .main .content{
	  transform: scale(0.92);
	}
}
@media (min-width: 846px) {
	#interatividade .main .content{
	  transform: scale(1);
	}
}
@media (min-width: 660px) and (max-width: 5000px) {
	#interatividade .main .content{
		width: 846px;
		height: 476px;
		left: 50%;
		top: 50%;
		right: auto;
		bottom: auto;
		margin: -238px 0 0 -423px;
		overflow: hidden;
	}

	.span_mobile{ display: none; }
	.span_desk{ display: block; }

	#introducao[data-parte='0'] .imagem,
	#introducao[data-parte='1'] .imagem,
	#introducao[data-parte='2'] .imagem{
	    width: 341px;
	    height: 314px;
	    left: 50%;
	    margin: -157px 0px 0px -380.5px;
	    top: 50%;
		background: url(img/mala.png) no-repeat center center;
		background-size: 100%;
	}

	#interatividade .linhaBranca {
	    padding: 15px 36px 13px 36px;
	}

	#introducao .marcador{
	    display: none;
	}

	#introducao[data-parte='0'] .box_texto, 
	#introducao[data-parte='1'] .box_texto, 
	#introducao[data-parte='2'] .box_texto {
		width: 360px;
	    left: 50%;
	    top: 310px;
	    margin: -222px 0 0 -9px;
	}

	#introducao .box_texto p,
	#introducao .btns_padroes{
		display: block;
	}

	#personagens .blocos .box_conteudo[data-etapa='1']{
		height: 60%;
	}

	#personagens .blocos .box_conteudo .descricao {
	    width: 751px;
	    left: 50%;
	    margin: 0px 0 0 -375.5px;
	}

	#personagens .blocos .box_conteudo[data-etapa='1'] .descricao{
		opacity: 1;
		height: auto;
		margin: 100px 0 40px -375.5px;
	}

	#personagens .blocos .box_conteudo[data-etapa='2'] .descricao{
		opacity: 0;
		height: 0px;
		margin: 100px 0 0 -375.5px;
	}

	#personagens .viewport {
	    height: 476px;
	}

	#personagens .box_setas{ display: block; }

	#personagens .marcador{
		top: auto;
		bottom: 5px;
	}

	#mapa_final .mapa .bt_ampliar{
		display: none;
	}

	#atividade .atvs_bl_texto {
	    width: 435px;
	    height: auto;
	}

	#atividade .atvs_bl_texto p {
	    font-size: 16px;
	}

	#atividade .btns_padroes{
	    margin: 12px 0 0 -68.5px;
	}

	.atvs_bl_drag .scrollbar {
	    top: 221px;
	}

}