@media only screen and (max-width: 540px) {
  main {
    flex-direction: column;
  }

  .page {
    min-width: 360px;
  }
}

@media only screen and (max-width: 820px) {
  h1 {
    padding: 2rem 2rem;
  }

  header img {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }
}