#conteudo{
text-align: center;
width:100%;
}
.contm{
float:left;
margin:1.5%;
width:30.2%;
position:relative;
overflow:hidden;
}
.fotom{ width:100%; height:300px; overflow:hidden;}
.fotom img{width:100%;height:auto; min-height:300px;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.meiom{width:100%; height:60px; text-align:center;}
.meiom h1{text-align:center; background:#fff; color:#dc9832; padding:20px 1%; margin:0; font-size:15px;}
.meiom a{color:#333;}
.meiom a:hover{color:#03c;}

.sobrem{
	width:100%;
	height:300px;/*do tamanho da imagem*/
	color:#fff;
	background:rgba(220,152,50,0.5) url(imagens/zoom_b.png) center center no-repeat;
	position:absolute;
	top:-500px; left:0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*para centralizar*/
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	flex-direction: column;
	align-items:center;
	justify-content: center;
	-webkit-flex-direction: column;
	-webkit-align-items:center;
	-webkit-justify-content: center;
	-moz-flex-direction: column;
	-moz-align-items:center;
	-moz-justify-content: center;
	-ms-flex-direction: column;
	-ms-align-items:center;
	-ms-justify-content: center;
	}
	.contm:hover > .sobrem {top:0;}
	.contm:hover > .meiom h1 {background:#1e2532; color:#fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
	@media screen and (max-width: 1100px) {
	.fotom, .sobrem{height:240px;}
	.fotom img{min-height:240px;}
	}
	@media screen and (max-width: 900px) {
	.contm{margin:1.8%;width:46%;}
	.fotom{height:240px;}
	.sobrem{visibility:hidden; width:0; height:0; overflow:hidden;}/* para tirar no celular*/
	.contm:hover > .fotom img {
	opacity:0.6; filter: alpha(opacity=60);
	-webkit-opacity:0.6; -moz-opacity:0.6;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition:  all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
	}
	@media screen and (max-width: 580px) {
	.contm{
	float:none;
	margin:2%;
	width:96%;
	position:relative;
	overflow:hidden;
	}
	.fotom{height:300px;}
	fotom img{min-height:300px;}
	}