.outer-body-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: 5em;
  width: 100%;
}

.split-set-container-fill {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
}

.unified-banner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  font-weight: bold;
  text-align: center;
}

.outer-content-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .split-set-container-fill {
    flex-direction: row;
    justify-content: stretch;
  }

  .split-set-container-fill > div {
    width: 50%;
  }

  .unified-banner-container {
    font-size: 2em;
  }
}