* {
  margin: 0;
  padding: 0;
}
:root {
  background: #171717;
  color: #ededed;
  box-sizing: border-box;
}
a, a:hover, a:active, a:visited {
  color: #ededed;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body > header {
  background: #181e07;
  background: linear-gradient(0deg, #171717 0%, #181e07 35%, #415800 100%);
}
#header-main h1, #header-main h1 a, #header-main h1 a:hover, #header-main h1 a:active, #header-main h1 a:visited {
  color: #7fc8a9;
  text-decoration: none;
}
#navig-main {
  background: #005858;
  background: linear-gradient(0deg, #071e1e 0%, #003a3a 100%);
}
#navig-main li {
  display: inline-block;
}
#navig-main a {
  background: rgba(255, 255, 255, 0.1)
}
#navig-main a:hover {
  background: rgba(255, 255, 255, 0.3)
}
#navig-main a#navig-main-curr-page {
  background: rgba(0, 0, 0, 0.1)
}

body > header {
  padding: 4rem 0;
}
#header-main-inner-wrap, #navig-main > ul, #page-content > section > .section-inner-wrap {
  max-width: 1570px;
  margin: 0 auto;
}
#page-content > section {
  padding-top: 3.2rem;
}
#page-content > section:last-child {
  padding-bottom: 3.2rem;
}
#page-content > section .content-block p {
  max-width: 80ch;
}
#navig-main {
  padding: 1.25rem 0;
}
#navig-main a {
  padding: 1.25rem 2rem;
}
h1 { font-size: 2rem; }
h2 { font-size: 1.4rem; }
.content-block h3 { font-size: 1.8rem; }
.content-block h4 { font-size: 1.3rem; }
.content-block .content-metadata { font-size: 0.9rem }

.content-block h3 { margin-bottom: 1.3rem; }
.content-block * + p { margin-top: 1.3rem }
.content-block p + * { margin-top: 1.3rem }
.content-block h4 { margin: 1.15rem 0; }
.content-block blockquote {
  border-left: 0.25rem solid #003a3a;
  padding-left: 0.5rem;
}

.multigrid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1.3rem;
}

.multigrid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.3rem;
}

@media (max-width: 1570px) {
  #header-main-inner-wrap, #navig-main > ul, #page-content > section > .section-inner-wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 900px) {
  #header-main h1 {
    margin-bottom: 1.67rem;
  }
}
