/*********************************************
 * Logo Grid
**********************************************/
.vii-logo-grid__items.flex-grid-template {
    --grid-gap-x:35px;
    --grid-gap-y:35px;
    --grid-col:4;

    padding:0 var(--vii-gap-container);
}
.vii-logo-grid__image {aspect-ratio:314/140;}

/* hover, focus */
.vii-logo-grid__image img {transition:var(--vii-transition);}
a.vii-logo-grid__image:focus img,
a.vii-logo-grid__image:hover img {transform:scale(1.03);}


/*********************************************
 * Logo Grid Responsive
**********************************************/
@media only screen and (min-width:1700px) {
    .vii-logo-grid__items.flex-grid-template {
        --grid-gap-x:7.43vw;
        --grid-gap-y:2.43vw;
    }
}
@media only screen and (max-width:1024px) {
    .vii-logo-grid__items.flex-grid-template {
        --grid-gap-x:var(--vii-gap-container);
        --grid-gap-y:30px;
    }
}
@media only screen and (max-width:768px) {
    .vii-logo-grid__items.flex-grid-template {--grid-col:3;}
}
@media only screen and (max-width:480px) {
    .vii-logo-grid__items.flex-grid-template {
        --grid-col:2;
        --grid-gap-y:var(--vii-gap-container);
    }
}