#upcoming-events { background: #DAE6EE; padding: 40px 9% 80px; }
#upcoming-events > div { height: auto !important; }
#upcoming-events > div > div { display: flex; flex-wrap: wrap; justify-content: space-between; }
#upcoming-events > div > div > div > div { padding: 24px 24px 16px; }
#upcoming-events .ccm-block-calendar-event-list-event { background: #00004A; border-radius: 8px; color: #fff; line-height: 1.7em; padding: 0 0 48px; position: relative; width: 48%; }
#upcoming-events .ccm-block-calendar-event-list-event-title { font-size: 1.3em; margin: 10px 0 4px; text-transform: uppercase; }
#upcoming-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; width: 100%; }
#upcoming-events .ccm-block-calendar-event-list-event a img { display: inline-block; height: 12px; margin-left: 4px; vertical-align: middle; }

#upcoming-events + div { padding: 40px 9%; }
#upcoming-events + div button { margin: 0 8px; padding: 0 14px; }

@media screen and (max-width: 768px) {
    #upcoming-events {  padding-bottom: 40px; }
    #upcoming-events .ccm-block-calendar-event-list-event { margin-bottom: 28px; width: 100%; }
    
    #upcoming-events + div button { margin: 4px 8px; }
}