body{
    background: white;
    font-family: 'Raleway', sans-serif;
}
header{
    box-shadow: 0px 7px 10px #0e4458;
}
div.smal .calor-humedo{
    margin-top:140px;
}

/*Product "boxes"*/
#myMargin{
    margin-left:2%;
}

.producto{
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font-size:0;
    display: inline-block;
    color:#2625FF;
    
}
.producto h2{
    font-size: 25px;
}
.producto .sub_producto{
	display: inline-block;
	vertical-align: middle;
    width:15%;
    position:relative;
    font-size:17px;
    margin:10px;
}

.tipo-producto{
    display: inline-block;
	vertical-align: top;
    width:15%;
    position:relative;
    font-size:17px;
    margin:10px;
    text-align: left;
    color:#2625FF;
    
}
.tipo-producto h2{
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
}
.tipo-producto p{
    font-size:40px;
    text-align: right;
}

/*Hover effect*/

.client_pic{
    display:block;
    width:100%;
    border-radius: 2% 2% 0 0; 
    border: solid 1px #e6f0ff;
}
.overlay{
    /*position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    opacity:0;
    transition:0.7s ease;*/
    padding-bottom:5px;
    background-color: #e6f0ff;
    cursor:pointer;
    border-radius:0 0 2% 2%;
    text-align: center;
}
/*.overlay:hover{
    opacity:1;
    background: rgb(230, 240, 255);
    background: rgba(230, 240, 255, 0.8);
}*/
.overlay p{
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    padding:20px;
    opacity:1;
    margin:0;
    padding:0;
}
a.leer_mas{
    text-decoration: none;
    color:#2625FF;
    font-weight: 900;
}
p.leer_mas{
    text-decoration: none;
    color:#2625FF;
    padding:3px;
    display: inline-block;
    border-radius: 5%;
    width:40%;
    text-align: center;
    margin-top:0px;
    font-size:16px;
    opacity:1;
    font-weight:300;
}
.overlay p.leer_mas:hover{
    color:#e6e6ff;
    opacity:1;
    background:#2625ff;
}

/* Make responsive for mobile*/
@media (max-width: 880px) {
    .tipo-producto{
        width:80%;
    }
    .producto{
        text-align: center;
        display:block;
	}
    .producto .sub_producto{
        display: inline-block;
	    width: 70%;
	    margin-bottom: 20px; 
    }

}