/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.sponsor-logo-preview {
    display    : block;
    list-style : none;
    text-align : center;
    padding    : 0;
}

.sponsor-logo-preview .inactive {
    display: none;
}

.logged-in .sponsor-logo-preview .inactive {
    display: block;
}

@media ( min-width : 400px ) {
    .sponsor-logo-preview {
        display               : grid;
        grid-template-columns :1fr 1fr;
        list-style            : none;
    }
}