.event-Index { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width:100%; padding:20px 0; }
    .event-Index .event-summary { width:32%; }


    .event-Index .event-summary .event-summary-image { width: 150px; margin: 0; padding: 0; text-align: center; }
        .event-Index .event-summary .event-summary-image + div { width:calc(100% - 150px); margin:0; padding:0; }

        .event-Index .event-summary .eventDescription { width:100%; }

    .event-Index .event-summary .eventDetails p,
    .event-Index .event-summary .eventDescription > div { font-size:12px; }


@media only screen and (max-width: 1200px) {
    .event-Index .event-summary { width:90%; }
}