body {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 19px;
  margin: 0;
  background-color: #f3f5f7;
  line-height: 1.6rem;
}

p {
  margin: 1.5rem 0;
}

a {
  color: #4a5f88;
}

header > div,
main > div {
  margin: 0 auto;
  width: 90vw;
}

header {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #4a5f88;
}

main {
  padding-top: .5rem;
  text-align: center;
  padding-bottom: 4rem;
}

@media (min-width: 500px) {
  header > div,
  main > div {
    max-width: 350px;
  }
}

@media (min-height: 550px) {
  header {
    padding-top: 10vh;
  }
}

@media (min-height: 700px) {
  header {
    padding-top: 25vh;
  }
}