@import "../components/main-section.css";
@import "../components/events-card.css";

.events-main {
    background-image: url("../../img/events-page/events-main-bg.jpg");
}

.events-catalog {
    padding: 8rem 0;
}

.events-catalog__items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem;
    max-width: 100rem;
    margin: 0 auto;
    width: 100%;
}



@media (max-width: 1023px) {
    .events-catalog {
        padding: 5.5rem 0 3.5rem;
    }
}

@media (max-width: 767px) {
    .events-catalog__items {
        grid-template-columns: repeat(1, 1fr);
    }
}