body {
  font-family: Trebuchet MS, Arial, san-serif;
  font-size: 3.5vw;
  line-height: +1.5;
  padding: 8px;
  background-color: #2e1000;
}

a:link, a:visited {
  background-color: gold;
  color: black;
  padding: 2px 6px;
  margin: 2px 0px 2px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
    font-size: clamp(1rem, 2vw, 1.6rem);
}

a:hover, a:active {
  background-color: maroon;
  color: gold;
}

h1 {
  color: white;
  margin-left: 0px;
  font-size: clamp(1rem, 4vw, 3rem);
}

h2 {
  color: gold;
  margin-left: 0px;
  font-size: 2em;
}

p {font-family: Trebuchet MS, Arial, san-serif; color: gold; font-size: clamp(1rem, 3vw, 1.5rem); text-indent: 5%}

p2 {font-family: Trebuchet MS, Arial, san-serif; color: white; font-size: clamp(1rem, 3vw, 1.5rem); text-indent: 0px}

.flex-container {
  display: flex;
  align-items: center;
  background-color: clear;

}

.flex-container > div {
  background-color: clear;
  color: white;
  margin: auto;
  text-align: left;
  line-height: +1.2;
  font-size: 2vw;
}

.col-container {
  display: table;
  width: 100%;
  background-color: black;
  font-size: 2vw;
    align-items: center;
}

.col {
  display: table-cell;
  text-align: center;
  line-height: 50%;
  padding: 6px;
  width: 50%;
}