@media screen and (max-width: 60em) {
	/* #menu is the original menu */
	.js .menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	h1 { font-size: 45px!important;}
	h2 { font-size: 40px!important;}
	h3 { font-size: 36px!important; }
	h4 { font-size: 30px!important;}
	h5 { font-size: 25px!important; }
	h6 { font-size: 20px!important; }
	
	.nos_text p { font-size:20px!important; }
	
	#franquia .texto h1 {font-size: 50px!important;}
	
	.clientes li {width: 25%;}
	.foto { margin:30px 0; }
	.frota { margin:30px 0; }
	.foto li {width: 48%;}
	.frota li {width: 47%;}
		
	.back_midle {padding-bottom: 50px; padding-top: 50px;}
	.back_midle_quem {padding-bottom: 50px; padding-top: 50px;}
	
	.nos_first {padding-top: 0;}
	.nos_text p {font-size: 22px; line-height: 40px;}
	
	#franquia .texto h2 {margin:0;}
	#franquia .texto h1 {margin:0;}
	#franquia .texto h3 {line-height: 60px;}
	
	video {margin-top: 0;}
	.logo {width: 100%; float: none; position: inherit; text-align: center; background: #000;}
	
	.mapa { width:100%; margin:15px 0; }
	
	.chat
	{
		z-index: 55;
		width: 100%;
		text-align: center;
		background: #000;
		position: inherit;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.flag {left: 0;}
	
	.player
	{
		display: none;
	}
	
	#mapRender {pointer-events:none}
	.mapa {pointer-events:none}
}

@media screen and (max-width: 500px) {
	
	#franquia .texto h1 { font-size:35px!important; }	
	h1 { font-size: 30px!important; line-height:35px;}
	h2 { font-size: 27px!important;  line-height:32px;}
	h3 { font-size: 25px!important;  line-height:30px; }
	h4 { font-size: 20px!important; line-height:25px;}
	h5 { font-size: 15px!important; line-height:20px; }
	h6 { font-size: 14px!important; line-height:17px; }
	
	.nos_text p { font-size:14px!important; }
	.nos_text_imprensa p { font-size:14px!important; }
	#franquia .texto p { font-size:14px!important; }
	.midle { width:100%; }
	.back_midle_quem { padding:0!important; }
	.foto li img { height:130px!important; }
	.foto li {width: 46%; margin:1%;}
}