.custom-image {
display: block;
position: relative;
}

.custom-image img {
margin-bottom: 0;
display: block;
width: 100%;
}

.custom-image-box .overlay {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

.custom-image-box:hover .overlay {
opacity: 1;
}

.custom-image-box .overlay h4 {
position: absolute;
display: block;

left: 0;
right: 0;
	font-family: 'Nexa Bold',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    font-size: 30px!important;
    color: #ffffff!important;
    text-align: center!important;
}

.titol1 {
	top: 55%;
}


.titol2 {
	top: 65%;
}


.custom-image-box .overlay .icona-activitat {
 	width: 90px;
	padding-top: 15%;
    margin: auto;
}