.event-logo-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center
}

.event-logo-card {
    background-color:#FFF;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: calc(20% - 10px)
}

.event-logo {
    background-color: #ededed;
    padding: 10px;
    display:block;
    height:225px;
    width:100%;
}

.event-logo img {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
}

.event-details {
    background-color:#FFF;
    padding: 20px
}

.event-details p {
    margin: 0 0 10px
}

.event-details p:last-child {
    margin-bottom: 0
}

.event-details .label {
    font-weight: 700;
    display:block;
}

@media (max-width:75em) {
    .event-logo-card {
        width: calc(25% - 20px)
    }
}

@media (max-width:62em) {
    .event-logo-card {
        width: calc(33.333% - 20px)
    }
}

@media (max-width:48em) {
    .event-logo-card {
        width: calc(50% - 20px)
    }
}

@media (max-width:36em) {
    .event-logo-card {
        width: 100%
    }
}