.tx-sf-banners > div {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
}
.banner {
    border: 1px solid #DCDCDC;
    padding: 1rem;
    text-align: center;
}
.banner a {
   display: block;
    text-align: center;
}
.banner img {
    max-width: 99%;
    max-height: 84px;
}

@media (min-width: 640px) {
    .tx-sf-banners > div {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .tx-sf-banners > div {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1280px) {
    .tx-sf-banners > div {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (min-width: 1580px) {
    .tx-sf-banners > div {
        grid-template-columns: repeat(6, 1fr);
    }
}