@media all {
    #happenings { background-color:var(--color-beige); }

    #happenings h1 { color:var(--color-red); text-transform:uppercase; }

    #happenings ul.event_list { margin:0px; padding:0px; list-style:none; }
    #happenings ul.event_list > li { margin:0px 0px var(--spacing-3L) 0px; padding:0px 0px var(--spacing-3L) 0px; border-bottom:1px var(--color-blue) solid; }

    #happenings ul.event_list > li .flex_row .box:nth-child(1) { flex:1; }
    #happenings ul.event_list > li .flex_row .box:nth-child(1) img { display:block; margin:0px; width:80%; height:auto; }

    #happenings ul.event_list > li .flex_row .box:nth-child(2) { flex:2; }

    #happenings ul.event_list > li h2 { margin:0px 0px var(--spacing-1L) 0px; padding:0px; line-height:1; }
    #happenings ul.event_list > li .date { margin:0px 0px var(--spacing-2L) 0px; padding:0px; line-height:1px; font-weight:400; letter-spacing:1px; }
    #happenings ul.event_list > li a { color:var(--color-blue); font-weight:600; text-transform:uppercase; } 
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1000px) AND (orientation:portrait) {
    ul.announcement_info { display:block; }
    ul.announcement_info li { margin-bottom:var(--spacing-1S); }

    .event_list > li .flex_row .box:nth-child(2) .body { padding:0px 0px 0px var(--spacing-2L); }
}

@media (max-width:1000px) {

}

@media (max-width:700px) {

}

@media (max-width:500px) {

}