#page_Heading::after {
  display: block;
  content: "\a" "Biography";
  font-size: clamp(1rem, 2vw + 1rem, 3rem);
  font-style: normal;
  line-height: 100%;
}

#page_Bio {
  background: url(../images/mis_images/newspaper_bg.gif) repeat;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem 2rem;
  border: 3px solid var(--brand-dark);
  box-shadow: var(--box-shadow-style);
  -moz-column-count: 2;
       column-count: 2;
  margin-bottom: 1rem;
}
#page_Bio p {
  font-family: var(--font-family-serif);
  font-size: var(--font-size-base);
  text-align: justify;
  text-indent: 2rem;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin: 0;
}

#page_Source::before {
  content: "Source: ";
  font-weight: bold;
}

#page_Wrapper {
  grid-template-areas: "page-bio" "page-source";
}

#page_Bio {
  grid-area: page-bio;
  grid-column: col 3/span 8;
  grid-row: 1;
}

#page_Source {
  grid-area: page-source;
  grid-column: col 3/span 8;
  grid-row: 2;
}

@media screen and (min-width: 992px) and (max-width: 1399.98px) {
  #page_Bio,
  #page_Source {
    grid-column: col 3/span 8;
  }
}
@media screen and (min-width: 772px) and (max-width: 991.98px) {
  #page_Bio,
  #page_Source {
    grid-column: col 2/span 10;
  }
}
@media screen and (min-width: 574px) and (max-width: 771.98px) {
  #page_Bio,
  #page_Source {
    grid-column: col 1/span 12;
  }
}
@media screen and (min-width: 0px) and (max-width: 573.98px) {
  #page_Bio,
  #page_Source {
    grid-column: col 1/span 12;
    -moz-column-count: 1;
         column-count: 1;
  }
}