.leaflet-popup-content {
  font-size: 12px;
}

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

#page_Wrapper {
  grid-template-areas: "page-text" "page-map";
}

#page_Text {
  grid-area: page-text;
  grid-column: col 3/span 8;
  grid-row: 1;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  font-style: italic;
  margin-bottom: 1rem;
}

#page_Map {
  grid-area: page-map;
  grid-column: col 3/span 8;
  grid-row: 2;
  margin: 0 auto 2rem;
}

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