.exhibition-header.grid.flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
  --padding-vertical: 5em;
}
.exhibition-header.grid.flex article, .exhibition-header.grid.flex figure {
  flex: 1 1 350px;
  margin: 0;
}
.exhibition-header.grid.flex figure {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  position: relative;
}
.exhibition-header.grid.flex figure a {
  position: absolute;
  display: inline-block;
  right: -2em;
  top: 0;
  transform: translateY(-50%);
  background-color: var(--action-color);
  color: white;
  padding: 0.5em 0.8em;
  text-decoration: none;
  font-weight: 700;
}
@media screen and (max-width: 500px) {
  .exhibition-header.grid.flex figure a {
    right: 0;
    top: auto;
    bottom: 0;
    transform: translateY(0%);
  }
}
.exhibition-header.grid.flex img {
  max-width: 340px;
  width: 100%;
  height: auto;
}

.attendees {
  grid-column: 1/span var(--columns);
  padding: 2em;
  margin: 0 0 3em;
  background-color: var(--dashboard-overview-background);
}
.attendees div {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1em;
}

.attendee {
  flex: 1 1 350px;
}
.attendee figure {
  margin: 0;
}
.attendee img {
  width: 100%;
  height: auto;
  max-width: 230px;
}

.navigate {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
  padding: 3em 1em;
}