html {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
}

section,
header {
  scroll-snap-align: start;
}

section.contents > ol {
  list-style-type: disc;
  margin-bottom: 35px;
}

section.contents > ol > li {
  padding-bottom: 10px;
}

section.event {
  display: flex;
  margin: 100px 25px;
}

section.event > img {
  max-width: 25vw;
  margin: auto 25px;
  max-height: 550px;
  object-fit: cover;
}

section.event > div.content {
  margin: auto 10%;
}

section.event > div.content > a > span.material-icons {
  margin: auto var(--spacing-half);
}

section.event:last-of-type {
  margin-bottom: 50px;
}

section.socials {
  text-align: center;
  font-size: 2em;
}

@media (max-width: 769px) {
  html {
    scroll-snap-type: y proximity;
  }

  section.event {
    flex-direction: column;
  }

  section.event > img {
    max-width: 75vw;
    margin: 25px auto 0px;
    max-height: 550px;
    object-fit: cover;
  }

  section.event > div.content {
    margin: 25px auto;
  }
}