.logo-grid {
    background-color: #fff;
    width: 100%;
    max-width: 960px;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    border: 1px solid #E4E7EC;
    border-radius: 8px;
    overflow: hidden;
}

.logo-grid__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media(min-width:769px) {
    .logo-grid__row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.logo-grid__row:not(:first-child) {
    border-top: 1px solid #E4E7EC;
}

.logo-grid__item {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 24px;
}

@media(max-width:768px) {
    .logo-grid__item:nth-child(odd) {
        border-right: 1px solid #E4E7EC;
    }
}

@media(min-width:769px) {
    .logo-grid__item:not(:last-child) {
        border-right: 1px solid #E4E7EC;
    }
}

@media(max-width:768px) {
    .logo-grid__item:nth-last-child(-n+2) {
        border-top: 1px solid #E4E7EC;   
    }
}

.logo-grid__item--empty {
    min-height: 96px;
}

.logo-grid__item img {
    width: 100%;
    height: 100%;
    max-height: 48px;
}