div[itemtype="https://schema.org/Event"] > h3 {
  margin-top: 1.5em;
  margin-bottom: 0.25em;
}
#filter-form { border: 1px solid black; border-radius: 0.25em; padding: 0.5em 1em; }
aside { font-style: italic; }
#filter-controls { display: flex; flex-direction: row; flex-wrap: wrap; }
#filter-controls > * { margin: 0.5em; }
@media (max-width: 32em) {
  #filter-controls > * { width: 100%; }
  #filter-controls select { width: 100%; }
}
@media (min-width: 32em) { #filter-controls > * { width: 25%; }
#filter-controls select { width: 100%; max-width: 10em; height: 10em; }
#filter-controls option { text-wrap: wrap; }