.simple-effet-image img{
	width: 100%;
    max-width: 100%;
    height:250px;
}

.simple-effect {
    padding: 1em .4em;
    display: block;
    font-size: 1.8em;
}
.simple-effect span {
    color: #1e92ea;
}


/*-- global css --*/

.overlay,
.overlay-text,
.simple-text,
.overlay-sim-text-2,
.overlay-text-effect-3,
.zoom-effect-1 img,
.zoom-effect-2 img,
.opacity-effect img,
.blur-effect img,
.grayscale-effect img{
   transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.image-wrapper{
	margin-bottom: 35px;
}
.effect-image-1{
	position: relative;
	display: block;
}
.overlay-text p,
.overlay-sim-text-2 p,
.overlay-text-effect-3 p{
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    padding: 20px 20px;
}
.overlay{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background: rgba(246,0,2,.7);
	opacity: 0;
	visibility: hidden;
}

.simple-overlay-3{
		height: 0px;
		right: 0;
		left:initial;
		width: 0px;
	}
	.effect-image-1:hover .simple-overlay-3{
		visibility: visible;
		opacity: 1;
		width: 100%;
		height: 100%;
	}

	/*-- ovarlay text effect-1 --*/

	.overlay-text {
	    position: absolute;
	    left: 5px;
	    top: 5px;
	    width: 96%;
	    height: 94%;
	    background: rgba(246,0,2,.7);
	}

	.overlay-text-1{
		opacity: 0;
		visibility: hidden;
	}
	.effect-image-1:hover .overlay-text-1{
		opacity: 1;
		visibility: visible;
	}
	.overlay-text-2{
		opacity: 0;
		visibility: hidden;
		transform: scale(1.1);
	}
	.effect-image-1:hover .overlay-text-2{
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}
 @media only screen and (max-width: 768px){
    .simple-effet-image img{
        width:100%;
        height:150px;}
 }