/* ORDI */
@media screen and (min-width:768px) {
    .box {
        display: grid;
        grid-gap: 13px;
        grid-template-columns: repeat(8, minmax(80px, 1fr));
    }
}
/* TEL */
@media screen and (max-width:768px) {
    .box {
        display: grid;
        grid-gap: 13px;
        grid-template-columns: repeat(4, minmax(80px, 1fr));
    }
}

div.box a {
    transition: transform .3s;
    margin: 10px 0;
}
div.box a:hover {
    transition: transform .3s;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);  
    transform: scale(1.1);
}
div.box img {
    border-radius: 8px;
    height: auto;
    width: 100%;
}
a div.cardtit {
	  text-align: left;
}
a div.cardsubt {
    opacity: 0.5; 
    text-align: left;
}
a div.cardsubt_temps {
    opacity: 0.225;
    text-align: left;
}