@import "../../styles/variables";

.events {
    background-image: url('../../assets/img/page-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    padding-bottom: 50px;

    h4 {
        margin-bottom: 15px;
        text-align: center;
        font-size: 1.4rem;
    }

    &-filters {
        background: $color-white;
        margin: 0 0 15px;
        padding: 16px;
    }

    &-content {
        background: $color-white;
        padding: 30px 16px;
    }

    &-list {
        margin: 0 -5px;

        @media (min-width: 768px) {
            display: flex;
            flex-wrap: wrap;
        }
    }
}