#homepage-events { padding: 40px 9% 80px; }
#homepage-events > div { height: auto !important; }
#homepage-events > div > div { display: flex; flex-wrap: wrap; justify-content: flex-start; }
#homepage-events > div > div > div > div { padding: 24px 24px 16px; }
#homepage-events .title-bar { position: relative; }
#homepage-events .ccm-block-calendar-event-list-link { margin-top: 4px; position: absolute; right: 0; top: 0; }
#homepage-events .ccm-block-calendar-event-list-link img { display: inline-block; height: 12px; margin-left: 4px; vertical-align: middle; }
#homepage-events .ccm-block-calendar-event-list-event { background: #00004A; border-radius: 8px; color: #fff; line-height: 1.7em; margin-right: 2%; padding: 0 0 48px; position: relative; text-align: center; width: 23%; }
#homepage-events .ccm-block-calendar-event-list-event a { background: #2F9F44; border-radius: 0 0 8px 8px; bottom: 0; color: #fff; display: block; padding: 8px 24px; position: absolute; text-transform: uppercase; width: 100%; }
#homepage-events .ccm-block-calendar-event-list-event a img { display: inline-block; height: 12px; margin-left: 4px; vertical-align: middle; }

@media screen and (max-width: 1100px) {
    #homepage-events .ccm-block-calendar-event-list-event { margin-bottom: 20px; width: 48%; }
}

@media screen and (max-width: 600px) {
    #homepage-events .ccm-block-calendar-event-list-event { margin-bottom: 20px; width: 98%; }
}