@media screen and (min-width: 1000px) {
    .event {
        width: 24%;
        margin: 4px;
    }
}

@media screen and (min-width: 950px) and (max-width: 999px) {
    .event {
        width: 32%;
    }
}

@media screen and (min-width: 850px) and (max-width: 949px) {
    .event {
        width: 48%;
    }
}

@media screen and (min-width: 700px) and (max-width: 849px) {
    .event {
        width: 48%;
    }
    .link_event_container {
        width: 100%;
    }
}

@media screen and (max-width: 699px) {
    .event {
        height: auto;
    }
    .event, .link_event_container {
        width: 100%;
    }
}