* {
  font-family: sans-serif;
}


html, body {
  font-size: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  min-width:500px;
  /* max-width:800px; */
}

.logotype {
  /* This is the font on which the logo was derived, so in the absense of an SVG of the 
  actual logo, this face can be used as a good approximation. */
  font-size: 6em;
  font-family: Bahnschrift;
  font-weight: 300; /* light */
  font-stretch: condensed;
  color: aqua;
}

h1 {
  text-align: center;
  font-size: xxx-large;
  text-shadow: 0 0 5px rgb(0, 100, 95);
  color: #00a28a
}

h2 {
  font-size: xx-large;
  font-family: sans-serif;
  color:aqua
  /* text-shadow: 0 0 3px darkblue; */
}

h3 {
  font-size: x-large;
  font-family: sans-serif;
}

.button-link-img-a {
  display:block;
  background: #69c;
  border: 2px solid #333;
  border-radius: 10px;
  box-shadow: 5px 5px 5px #444;
  padding: 1em;
  text-align: center;
  text-decoration: none;
}

.button-img {
  width: 70%;
  height: 4em;
  padding: 10px;
}

.body-intro-text {
  font-size: xx-large;
  font-family: sans-serif;
}

.body-text {
  font-size: x-large;
  font-family: sans-serif;
}

.body-small-text {
  font-size: large;
  font-family: sans-serif;
}

.body-footnote-text {
  text-align: center;
  font-size: smaller;
  font-family: sans-serif;
}

.body-section-div {
  text-align: center; 
  margin: 25px 5%;
}

.blue-background-img {
  background-color: darkblue;
  padding: 2px;
}

.icon-img {
  width: 2.5em;
}

.thumbnail-img {
  width: 100%;
  object-fit: cover;
}

.logo-img {
  width: 60%;
  max-width: 100%;
  margin: 0 auto;
  padding: 10px;
}