﻿.events-home-container--grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    justify-content: center;
}

    .events-home-container--grid .event {
        display: flex;
        flex: 1 0 30%;
    }

    .events-home-container--grid .event-list-item {
        padding: 1.5rem;
        border-radius: 1rem;
        width: 100%;
    }

    .events-home-container--grid svg path {
        filter: brightness(200%) grayscale(40%) contrast(80%);
    }

@media (max-width: 850px) {
    .events-home-container--grid {
        flex-direction: column;
    }

        .events-home-container--grid .event-list-item {
            max-width: 100%;
            width: auto;
        }

        .events-home-container--grid .event {
            display: block;
            flex-basis: initial;
        }
}