html {
  background: rgb(232, 232, 232);
}

body {
  margin: auto;
  background: white;
  font-family: Helvetica Neue, Helvetica, sans-serif;
  hyphens: auto;
  -webkit-hyphens: auto;
}

p {
  margin: 1em 0;
}

ul, ol {
  margin: 1em 2em;
}

@media only screen and (max-width: 767px) {
  body {
    width: 272px;
    padding: 28px 24px 40px;
  }

  h1 {
    font-size: 42px;
    line-height: 48px;
  }

  ul, ol {
    margin: 1em;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  body {
    width: 436px;
    padding: 36px 22px 48px;
  }
}