.clientes{
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-family: 'Raleway', sans-serif;
    margin-top: 50px;
    margin-bottom:50px;
    font-size:0;
    
}
.clientes h2{
    font-size: 25px;
}

/*Client "boxes"*/

.clientes .cliente1,
.clientes .cliente2,
.clientes .cliente3{
	display: inline-block;
	vertical-align: top;
    width:32%;
    position:relative;
    margin-top:20px;
}

.clientes .cliente1 blockquote,
.clientes .cliente2 blockquote,
.clientes .cliente3 blockquote,
.clientes .cliente1 p,
.clientes .cliente2 p,
.clientes .cliente3 p{
        
}

/*Hover effect*/

.client_pic{
    display:block;
    width:100%;
    
}
.overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    opacity:0;
    transition:0.7s ease;
    background-color: #A45AB5;
    cursor:pointer;
}
.overlay:hover{
    opacity:0.9;
}
.overlay p,
.overlay blockquote {
    text-align: left;
    vertical-align: middle;
    font-size: 20px;
}
.overlay p{
    margin-left:50%;
}

.overlay a{
    text-decoration: none;
    color:black;
    border:solid 1px black;
    padding:12px;
    display: inline-block;
    border-radius: 50px;
    width:120px;
    text-align: center;
    margin-top:20px;
    font-size:20px;
}
.overlay a:hover{
    border:1px solid #22abdd;
    color:#22abdd;
    transition-delay: 0.1s;
}
.overlay .labo{
    font-size:11px;
    text-indent: 30px;
}



/* Make responsive for mobile*/
@media (max-width: 880px) {

	.clientes{
		font: bold 14px;
        text-align: center;
	}

	.clientes .cliente1,
    .clientes .cliente2,
    .clientes .cliente3{
		width: 70%;
		margin-bottom: 20px;
		text-align: center;
	}

}