/* MIXIN SNIPPETS
re-usable css snippets that are often used in the design
NOT tied to a certain element.
Used to make the css more clean.
 */
.section_text .heading {
  margin-bottom: 2rem;
}

.section_text_front .site-width {
  text-align: center;
}
.section_text_front .text-container {
  text-align: center;
  display: inline-block;
  max-width: calc(var(--site-width)*0.6);
}
.section_text_front .heading {
  margin-bottom: 2rem;
}

.section.hero img {
  width: 100%;
}

.section_small_people .grid-left {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(auto, 22rem));
  align-content: start;
  grid-gap: 3rem;
}
.section_small_people .box-heading {
  font-family: "Futura PT Medium";
  font-weight: bold;
  color: #505E56;
}
.section_small_people .box-heading:after {
  content: "";
  border-bottom: 0.2rem solid #505E56;
  display: block;
  width: 20%;
  margin: 1rem 0 1rem 0.1rem;
}
.section_small_people .desc {
  line-height: 1.5em;
  font-family: "Futura PT Medium";
}

.section_post_archive.section_after_text-older-news {
  padding-bottom: 3.5rem;
}

.section_text-older-news {
  padding: 0rem 0 2rem;
}
.section_text-older-news h3 {
  color: #505E56;
}
.section_text-older-news a {
  text-decoration: underline;
}