.wrapper {
  width: 100%;
  background-color: #eecccc;
}

.col1 {
  float: left;
  width: 50%;
  background-color: #2f2828;
  color: #eecccc;
}
.col1 h1 {
  color: black;
}

.col2 {
  float: left;
  width: 25%;
  background-color: #eecccc;
  color: #2f2828;
}

.col3 {
  float: left;
  width: 25%;
  background-color: #2f2828;
  color: #eecccc;
}

.footer {
  width: 100%;
  background-color: #eecccc;
  font-size: 0.9rem;
}

.wrapper > div, .footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 200px;
}

.accent {
  color: #308014;
  background-color: lightgreen;
  font: italic 16px "Lucida Console", Courier, monospace;
  padding: 1em 1em;
  width: calc(80% - 2em);
  margin: 0 10%;
}

em {
  font-weight: 600;
  color: #5E2612;
}