@media screen and (max-width: 480px){
	/*HEADER*/
	.header{min-width: 100%; box-shadow: 0px 0px 5px #000; position: relative}
	.capa{width: 100%}
	/*LOGO*/
	.logo{width: calc(100% - 30px); margin: 0px; height: 65px; padding: 15px; text-align: left;}
	.logo img{height: 100%}
	.facebook{position: absolute; top: 27.5px; right: 5px; height: 35px}
	.facebook img{height: 100%}

	/*BOX E FAIXAS*/
	.box{width: calc(100% - 20px); margin: 0 auto; overflow: hidden; margin: 5px 10px; padding: 0px}
	.boxImgTransp img, .boxImgCinza img{width: 100%}

	.faixaTransp{padding: 10px 0px; background: #F7F7F7}
	.boxItemTransp{margin: 5px; padding: 20px 15px; width: calc(50% - 42px);}
	.boxImgTransp{width: 100%; padding: 0px;}
	.boxTextTransp{color: #ff5500; width: 100%; height: 40px; line-height: 40px; font-weight: bold; text-align: center; font-size: 25px;} 


	.faixaCinza{padding: 10px 0px; background: #555}
	.boxItemCinza{margin: 15px 12px; padding: 0px 0px; width: calc(50% - 25px);}
	.boxImgCinza{width: calc(100% - 60px); padding: 30px;}
	.boxTextCinza{font-size: 15px;}

	.faixaLaranja{padding: 10px 0px; background: #ff5500}
	.faixaCinza .boxImg{background: #ffffff; border-radius: 50%;}
	.faixaCinza .boxText{color: #ffffff;}

	.faixaTexto{padding: 0px; }
	.faixaTexto h1{color: #ff5500; font-size: 30px; margin: 10px 0px; text-align: center}
	.faixaTexto .descricao{color: #000; font-size: 15px; text-align: justify}

	.faixaMiniatura{padding: 10px 0px; background: #EEE; overflow: hidden}
	.faixaMiniatura .boxItem{cursor: pointer; float: left; padding: 5px; width: calc(33.33% - 10px);}
	.faixaMiniatura .boxItem:hover{background: #FFF; transition: 0.3s}
	.faixaMiniatura .boxImg{    background: #FFF; border-radius: 5px; width: calc(100% - 20px); padding: 10px;}
	.faixaMiniatura .boxImg img{width: 100%}

	.fb-like{margin: 0px; left: 0px; width: calc(100% - 20px); height: 95px; padding: 10px;}
	.horarios{color: #ffffff; font-size: 35px; text-align: center; border: 2px solid #FFFFFF}
	.itemTable{color: #FFF; padding: 10px; border: 2px solid #FFF; margin-top: 5px;}

	.foto{width: calc(33.33vw - 17px); height: calc(33.33vw - 17px); overflow: hidden; float: left; margin: 2px; cursor: pointer;}
	.foto img{max-width: 55vw; max-height: 55vw;}

	/*MENSAGEM*/
	.label{font-weight: bold; margin-top: 10px}
	.inputDiv input{padding: 5px; width: 100%}
	.textareaDiv textarea{padding: 5px; width: 100%; height: 150px}
	#enviar{cursor: pointer; background: #ff5500; color: #FFF; padding: 10px 20px; margin-top: 10px; border: 0px; width: 100%; font-weight:bold}
	#enviar:hover{background: #de4b01; box-shadow: 0px 0px 4px #333}
	
	#boxMsg{position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
	.pageBlack{width: 100%; height: 100%; background: #000; opacity: 0.7;}
	.txtMsg{padding: 20px; width: calc(100% - 64px); margin-left: 10px; left: initial;}

	/*RODAPÉ*/
	.foot{background: #000000; color: #ffffff; text-align: center; line-height: 20px; padding: 10px; font-size: 12px; overflow: hidden;}
	.endereco{float: initial}
	.copyright{float: initial}
	/*Outros*/
	a, a:visited, a:hover, a:link, a:active{text-decoration:none; color: initial}
}