h2 { margin-bottom: 15px; }
#event-list { margin: 0; padding: 0; background: transparent; border: none; display: flex; flex-wrap: wrap; }
#event-list > li { margin: 0 7px 7px 0; max-height: 176px; overflow: hidden; }
@media screen and (max-width: 641px) {
  #event-list > li {
    height: auto;
    margin: 0 0 7px 0;
  }
}
.event-report { width: 370px; margin: 0 4px 8px 0;padding: 8px; background: #FAFAFA; border: 1px solid #A5A5A5; float:left; box-shadow: 1px 1px 1px 0 #ccc; }
@media screen and (max-width: 980px) {
  .event-report {
    width: 100%;
    box-sizing: border-box;
  }
}
.event-report h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1e50a2;
}
.event-report h1 a {
  color: #1e50a2;
  font-size: 13px;
}
#event-list header { background: none; height: auto; margin: 0 0 4px;  }
#event-list .event-photo { margin-right: 8px; float: left; width: 160px; height: 120px; }
#event-list .event-photo a {
  width: 100%;
  height: 100%;
}
.event-photo img { border: 1px solid #ccc; box-sizing: border-box;}
#event-list .event-info { width: auto; padding: 0; margin: 0; float: none; max-height: 120px; }
.event-info p { margin: 2px 0; font-size: 13px;  }
.event-report footer { text-align: right; margin-top: 4px; font-size: 90%; font-weight: bold; }
.event-report footer a {  }