/* |<---->|                      */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 767px) {
    .post .headlines,
    .newsletter_grid {
        display: block;
    }

    .page_newsletter .page_banner {
        min-height: 250px;
    }

    .newsletter .newsletter_title {
        margin-bottom: 1em;
    }

    .newsletter .card {
        width: 100%;
        min-height: 0;
    }

        .newsletter .card.grid {
            display: block;
        }

            .newsletter .card.grid .has_image {
                min-height: 200px;
            }

        .newsletter .card.post .newsletter_side {
            display: none;
        }

        .newsletter .card.grid .card_content {
            padding: 20px 17px;
        }

    .newsletter .events_highlight {
        flex-flow: column;
        padding: 0;
    }
}