@media screen and (max-width:700px) {
	body{font-size: 14px}
	.header, .containHome, .containCamera, .containFotos, .containMaps, .footer{padding: 10px 0px; min-width: initial;}
	.header{width: 100%}
	.capa{width: 100%; min-width: initial; margin: 70px 0px 25px 0px;}

	.containHome{justify-content: center;}
	.itemHome{width: calc(100% - 70px); height: initial; margin: 10px 5px;}
	.itemHome2{width: calc(100% - 10px); height: initial; margin: 10px 5px 0px 5px;}
	.barra{height: 40px; line-height: 40px; font-size: 20px;}
	.barra2{height: 50px; font-size: 25px; bottom: 15px;}
	.horarioCafeColonial{font-family: 'Ubuntu', sans-serif;; font-size: 10px}

	.titulo{height: 45px; line-height: 45px; font-size: 30px;}
	.itemNossaHistoria{width: calc(100% - 20px); height: initial; margin: 0px 5px 20px 5px;}
	.nossaHistoria{font-size: 14px; width: calc(100% - 50px);}

	.containCamera img{width: calc(100% - 100px);}
	.containCamera a{text-align: center}

	.footer{background: #3B0F03; color: #FFF4E1; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 25px;}
	.icons{height: 35px;line-height: initial; background-repeat: no-repeat; margin: 10px 0px; padding-left: 40px; background-size: 35px; display: flex; align-items: center;}


	.right{text-align: center; width: 100%; margin: 10px}

	.medias, .forms{width: calc(100% - 30px);}
	.forms{border-top: 1px solid #FFF4E1}
	.lin{width: 100%; margin-top: 5px;}
	.label{float: initial; width: 100%; height: initial}
	.input input, .input textarea{width: 100%;}
	.btEnviar{width: 100%;}

	/*FOTOS*/
	.containFotos{justify-content: flex-start; }
	#boxTemp{width: 100%; height: 100%; position: fixed; z-index: 1001; display: flex; justify-content: center; align-items: center; top: 0; left: 0; background: rgba(0, 0, 0, 0.9)}
	.foto{width: calc(33.33vw - 10px); height: calc(33.33vw - 10px); overflow: hidden; margin: 2px; cursor: pointer;}
	.foto img{width: 33vw; height: 33vw; object-fit: cover;}
	.fotoAmpliada{height: 100%;display: flex; flex-flow: column; justify-content: center;}
	.fechar{background-size: 30px; width: 40px; height: 40px; top: initial; right: initial; bottom: 0px; background-repeat: no-repeat; background-position: center; left: 50%; margin-left: -20px;}
	.avancar{background-size: 30px; width: 40px; height: 40px; top: initial; right: 0px; margin-top: 0px; bottom: 0px; background-position: center; background-repeat: no-repeat;}
	.voltar{background-size: 30px; width: 40px; height: 40px; top: initial; left: 0px; margin-top: 0px; bottom: 0px; background-position: center; background-repeat: no-repeat;}

	/*MAPS*/
	.containMaps iframe{width: 100%; height: 400px;}
}