.event-Index { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width:100%; }
        .event-Index h1 { width: 100%; margin:0 0 10px; padding:0; }
        .event-Index h2 { width: 100%; margin:0 0 10px; padding:0; }
        .event-Index h3 { width: 100%; margin:0 0 10px; padding:0; }
        .event-Index h4 { width: 100%; margin:0 0 10px; padding:0; }
        .event-Index h5 { width: 100%; margin:0 0 10px; padding:0; }
        .event-Index h6 { width: 100%; margin:0 0 10px; padding:0; }
        .event-Index .eventDescription p { margin: 0; padding: 0; }

    .event-summary { display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin: 10px auto; border: 1px solid #ccc; padding: 10px; }

        .event-summary .event-summary-image { width: 100%; max-width: 200px; margin: 0; padding: 0; text-align: center; }
            .event-summary .event-summary-image img { border: 1px solid #fff; box-shadow: 1px 1px 3px #000; width: 100%; }


        .event-summary .eventDetails { margin: 0; padding: 0; }
        .event-summary .event-summary-image + .eventDetails { padding-left: 20px; }

        .event-summary .eventDescription { width: 100%; padding: 0; }
            .event-summary .eventDescription > div { width: 100%; padding: 10px 0; margin: 0; }