body {
  margin: 0;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

  background-color: hsl(21, 7%, 78%);
  color:hsl(192, 52%, 30%);
}

div.header {
  background: url("../images/manual/online-manual-header-image.png") center center;
  background-size: cover;

  width:  100vw;
  height: 33.3vh;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

div.header-divider {
  width:  100vw;
  background-color: hsl(192, 14.6%, 61.8%);
}

div.header div.pre-title {
  height: 4vh;
}

div.header div.title {
  background: url("../images/manual/manual-title.png") center center no-repeat;
  background-size: contain;
}

div.header div.post-title {
  height: 4vh;

  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

div.post-title > div {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.809em;
  margin-right: 0.809em;

  font-size: 1.8vh;
}

div.post-title > div:last-child {
  margin-right: 1.618em;
}

div.post-title > div > a {
  text-decoration: underline;
}

a, a:visited {
  text-decoration: none;
  color: inherit;
}

img.screenshot, img.screenshot-large {
  border-radius: 12px;
}

div.nav-section {
  margin: 3em;
}

div.nav-section-title {
  text-decoration: underline;
  margin-bottom: 0.382em;
  color:hsl(190, 18.6%, 48%);
}

div.nav-subsection-title {
  line-height: 1.382em;
  color:hsl(192, 14.6%, 55%);
}

div.section-title {
  font-size: 2em;
}
  
div.section-title-caption {
  font-size: 1.236em;
  margin-top: 0.146em;
}
  
div.section-title-container {
  margin-top: 5em;
  padding-bottom: 0.382em;

  border-bottom-color: hsl(184, 18.6%, 38.2%);
  border-bottom-width: 2px;
  border-bottom-style: dashed;
}

div.section-content {
  padding-left: 1em;
}

div.subsection-title-container:first-child {
  margin-top: 2em;
}

div.subsection-title-container:not(:first-child) {
  margin-top: 5em;
}

div.subsection-content {
  margin-left: 1.5em;
  line-height: 1.382em;
}

div.subsection-title {
  font-size: 1.618em;
}

div.subsection-title-caption {
  margin-top: 0.236em;
  margin-bottom: 1.382em;
  margin-left: 1.5em;
  padding-bottom: 0.236em;

  font-style: italic;

  border-bottom-color: hsl(184, 18.6%, 38.2%);
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  width: 61.8%;
}

div.image-with-caption p.caption-above-image {
  padding-top: 1em;
  padding-bottom: 0;
  margin-bottom: 0.618em;
}

div.image-with-caption {
  padding-bottom: 1.382em;
}

div.bottom-copyright {
  padding-top: 3.236em;
  margin-bottom: 0.382em;

  color:hsl(24, 23%, 78%);
}