@font-face {
    font-family: "harlow";
    src: url(harlow.ttf) format("truetype");
}

.fuente-harlow{
	font-family: "harlow";
}




.table-light td{
    text-align: center;
    background-color: #F5F1F1;
    padding: 0px 0px 0px 0px;
    width: 1rem;
    font-size: 1vw;
}

.table-bordered>tbody>tr>td{
border: 1px solid white;}


.icono-prevision{
width:40px;
height:40px;}


 .bottom-left {
  position: absolute;
  bottom: 0px;
  left: 16px;
}

p.bottom-left {
font-size: 20px}
    
@media only screen and (max-width:800px) {
.table-light td{
font-size: 2.8vw;
}
    
}


@media only screen and (min-width: 800px) and (max-width: 1000px) {

.table-light td{
font-size: 2vw;
}

}


@media only screen and (max-width:600px) {
.icono-prevision{
width:30px;
height:30px;}

}