.home-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 85%;
}

.face-container {
  max-width: 50%;
  font-family: monospace, fixed;
  font-weight: bold;
  font-size: 8px;
  font-size: 0.75vw;
}

.home-container main {
  width: 55%;
  margin-bottom: 64px;
}

.home-container p, .home-container li {
  font-size: large;
}

@media only screen and (max-width: 800px) {
  .face-container {
    max-width: 100%;
    font-size: 1.4vw;
  }

  .home-container {
    justify-content: center;
  }

  .home-container main {
    width: 100%;
  }

  div.section-content {
    flex-direction: column;
  }

  div.section-content img {
    max-width: 95%;
    align-self: center;
  }
}