#main-contet{
		max-width: 1200px;
		position: relative;
		margin:auto;
		overflow: hidden;
		text-align: left;
		margin-top: 10px;
	}
	#main-contet .main-contet{
		width: 370px;
		height: 240px;
		position: relative;
		overflow: hidden;
		display: inline-block;
		margin: 10px;
		border:3px solid #7f7f7f;
		background-size: 100% 100%;
		cursor: pointer;
		background-size: cover;
     	background-position: center center;
		
	}
	#main-contet .main-contet  h5{
		width: 97%;
		height: 50px;
		background-color: rgba(0,0,0,0.7);
		position: absolute;
		bottom: 0px;
		color: #fff;
		font-size: 16px;
		padding: 7px;
		text-align: center;
		line-height: 25px;
		-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	   -o-transition: all 0.3s ease;
	   transition: all 0.3s ease;
	    font-family: 'dejavu_sansbook';
	    font-weight: normal;
	    display: flex
	}
	#main-contet .main-contet  h5:hover{
		width: 97%;
		height: 80px;
	}
	#main-contet .main-contet  h5>div{
		margin: auto;
	}
	
	
	
	
	@media only screen and (max-width: 1200px) {

	#main-contet{
  text-align: center;
    
}
}