article section.event,
article div.event {
  clear: both;
  text-align: center;
  background-color: #F5F5F5;
  margin: 3em 0;
  padding: 2em 2%;
}
article .event h1,
article .event h2 {
  clear: none;
}
article .event ul,
article .event ol {
  display: inline-block;
  text-align: left;
}
article .event h2:first-child + figure,
article .event figure:first-child {
  margin-top: -1.5em;
}

article section.event > h2,
article div.event > section > h2 {
  font-size: 1.25em;
  margin-top: 0;
}

@media(min-width: 800px) {
  article section.event,
  article div.event {
    margin: 3em 50% 3em 0;
  }
  article section.event h2:first-child + figure,
  article div.event figure:first-child {
    float: right;
    width: 108%;
    max-width: unset;
    margin: -2em -113% 2em 0;
    top: 0;
  }

  article section.event > h2,
  article div.event > section > h2 {
    height: 2em;
  }
  article section.event h2:first-child + figure {
    margin-top: -7em;
  }
}