h5 {
  text-align: center;
}

p {
  text-indent: 1.5rem;
  text-align: justify;
  font-stretch: semi-expanded;
  margin-bottom: 0;
}
p.dropCap:first-letter {
  font-family: "Brush Script MT", Georgia;
  font-size: 5rem;
  float: left;
  initial-letter: 2;
  color: var(--brand-accent);
  padding-top: 6px;
  padding-right: 2px;
  padding-left: 0;
}

img:hover {
  background-color: var(--base-color-bg);
}

#page_Text-1 {
  background: hsl(var(--base-color-hue), var(--base-color-sat), 88%);
  padding: 1rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#page_Text-2 {
  background: hsl(var(--base-color-hue), var(--base-color-sat), 88%);
  padding: 1rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#page_Text-1,
#page_Text-2 {
  margin: 0 0 1rem;
}

#page_Wrapper {
  grid-template-areas: "col-1" "col-2";
}

#page_Text-1 {
  grid-area: col-1;
  grid-column: col 2/span 5;
  grid-row: 1;
  height: -moz-fit-content;
  height: fit-content;
}

#page_Text-2 {
  grid-area: col-2;
  grid-column: col 7/span 5;
  grid-row: 1;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (min-width: 992px) {
  #page_Text-1 {
    grid-column: col 2/span 5;
  }
  #papage_Text-2 {
    grid-column: col 7/span 5;
  }
}
@media screen and (min-width: 772px) and (max-width: 991.98px) {
  #page_Text-1 {
    grid-column: col 2/span 5;
  }
  #papage_Text-2 {
    grid-column: col 7/span 5;
  }
}
@media screen and (min-width: 574px) and (max-width: 771.98px) {
  #page_Text-1 {
    grid-column: col 2/span 5;
  }
  #papage_Text-2 {
    grid-column: col 7/span 5;
  }
}
@media screen and (min-width: 0px) and (max-width: 573.98px) {
  #page_Text-1 {
    grid-column: col 1/span 12;
    grid-row: 1;
  }
  #page_Text-2 {
    grid-column: col 1/span 12;
    grid-row: 2;
  }
}