.case-wrap{
	background-color: #f1f1f1;
}



.case-wrap a{
	float: left;
	width: 25%;
	position: relative;
   *width: 24.98%;
   overflow: hidden;
   margin-top: 0.2%;
}
.case-wrap a img{
	width: 99%;
}
.case-wrap a:hover .overlay-con{
   opacity: 0.93;
   filter: alpha(opacity=93)
}
.case-wrap .overlay-con{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   background-color: #0F85E0;
   opacity: 0;
   filter: alpha(opacity=0);
   
	
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out; 

   text-align: center;

   color: #fff;

}
.case-wrap .overlay-con h2{
   font-weight:normal;
   font-size:2em;
   top:50%;
   left: 0;
   width:100%;
   text-align:center;
   position:absolute;
   margin-top:-1.6em;
}
.case-wrap .overlay-con p{
   font-size: 1.166em
}


@media (max-width: 1420px){
   .case-wrap .overlay-con p{
      font-size: 1.3em
   }
}

@media (max-width: 900px){
	.case-wrap a{
		width: 50%;
	}
}