:root {
  --thumb-width: 200px;
  --thumbs-row: 4;

  --desc-width: 50rem;
  --font: Open Sans, Helvetica Neue, Helvetica, sans-serif;
  --col-body-text: rgba(10, 50, 10, 1.0);
  --col-set-title: rgba(15, 110, 10, 1.0);
  --col-set-desc: rgba(10, 50, 10, 1.0);
}

body {
  color: var(--col-body-text);
  font-family: var(--font);
  font-size: 1rem;
}

.set {
  margin: 3rem auto 6rem;
  text-align: center;
}

.set .title {
  color: var(--col-set-title);
  font-size: 2rem;
  font-weight: bold;
  margin: 1rem auto;
  max-width: var(--desc-width);
}
.set .desc {
  color: var(--col-set-desc);
  margin: 1rem auto 3rem;
  max-width: var(--desc-width);
}

.thumbs {
  /* Set font size to hide newline spaces between thumbnails. */
  font-size: 0;
  margin: 0 auto;
  max-width: calc(var(--thumb-width) * var(--thumbs-row));
}

.image-fig .caption {
  font-weight: bold;
  margin: 1rem auto;
}