body {
  background: #f8f6f3;
  font-family: "Roboto", sans-serif;
  color: #333;
  font-size: 1.4rem;
}

h1 {
  font-size: 5em;
  text-align: center;
}

.h1-subheading {
  font-size: 0.8em;
  font-weight: 500;
}

h2 {
  font-size: 4em;
}

.h2-subheading {
  font-weight: 500;
  font-size: 0.8em;
}

.gallery {
  text-align: center;
}
.gallery > img {
  max-width: 100%; 
  margin: 50px 0;
}

div.divider {
  text-align: center;
}

img.divider {
  max-width: 100%;
}

ul li::marker {
  color: purple;
}

@media (max-width: 720px) {
  body {
    font-size: 1.2rem;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.5em;
  }
}