body{
    background: #13607C;
    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%;
}

.calor-humedo,
.incubadora,
.calor-seco{
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font-size:0;
    display: inline-block;
    color:#13607C;
    
}
.calor-humedo h2{
    font-size: 25px;
}
.calor-humedo .ch-ampolleta,
.calor-humedo .ch-tira,
.calor-humedo .ch-vial,
.incubadora .incubadora1,
.incubadora .calor-humedo-text,
.incubadora .incubadora-text,
.calor-seco .calor-seco-text,
.calor-seco .cs-vial,
.calor-seco .cs-tira
{
	display: inline-block;
	vertical-align: middle;
    width:25%;
    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:#e9f7fc;
    
}
.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%;   
}
.overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    opacity:0;
    transition:0.7s ease;
    background-color: #e9f7fc;
    cursor:pointer;
    border-radius:2%;
    text-align: center;
}
.overlay:hover{
    opacity:1;
    background: rgb(233, 247, 252);
    background: rgba(233, 247, 252, 0.8);
}
.overlay p{
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    padding:20px;
    opacity:1;
}
a.leer_mas{
    text-decoration: none;
    color:#13607C;
}
p.leer_mas{
    text-decoration: none;
    color:#13607C;
    border:solid 1px #13607C;
    padding:12px;
    display: inline-block;
    border-radius: 50px;
    width:120px;
    text-align: center;
    margin-top:10px;
    font-size:20px;
    opacity:1;
}
.overlay p.leer_mas:hover{
    border:1px solid #A45AB5;
    color:#A45AB5;
    opacity:1;
}

/* Make responsive for mobile*/
@media (max-width: 880px) {
    .tipo-producto{
        width:80%;
    }
    .calor-humedo,
    .incubadora,
    .calor-seco{
        text-align: center;
        display:block;
	}
    .overlay{
        opacity:1;
        background: rgb(233, 247, 252);
        background: rgba(233, 247, 252, 0.5);
    }
    .calor-humedo .ch-ampolleta,
    .calor-humedo .ch-tira,
    .calor-humedo .ch-vial,
    .incubadora .incubadora1,
    .incubadora .calor-humedo-text,
    .incubadora .incubadora-text,
    .calor-seco .calor-seco-text,
    .calor-seco .cs-vial,
    .calor-seco .cs-tira{
        display: inline-block;
	width: 70%;
	margin-bottom: 20px; 
    }

}