body {
  max-width: 540px;
  font-family: Avenir Next, Georgia, serif;
  margin: 100px auto;
  -webkit-text-size-adjust: none;
}

a {
  color: #111 !important;
  text-decoration: none;
}

a:hover {
  color: #F0F !important;
}

h1 {
  font-family: Helvetica Neue, sans-serif;
  font-weight: 200;
  margin: 0 0 2em 20px;
}

p, ol, ul {
  margin-left: 20px;
  margin-right: 20px;
}

ol {
  padding: 0 0 0 1.4em;
}

ol li {
  color: #999;
  line-height: 2;
}

p {
  line-height: 1.5;
}

p.up {
  margin-top: 16em;
  font-family: Helvetica Neue, sans-serif;
  font-size: 10pt;
  color: #999;
}


/*
.wwnm {
  display: inline-block;
  -webkit-transform-origin: left;
  -webkit-animation: bounceIn 280ms ease-in 1000ms 1;
}

.thisWay {
  display: inline-block;
  -webkit-animation: pushOut 600ms ease-out 1100ms 1;
}

@-webkit-keyframes bounceIn {
  75% {
    -webkit-transform: scaleX(1.1);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}

@-webkit-keyframes pushOut {
  35% {
    -webkit-transform: translateX(15px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
*/


@media screen and (max-width: 500px) {
  h1 {
    font-size: 12pt;
    font-weight: 400;
  }
}