* {
  margin: 0;
  padding: 0; }

body {
  margin: 3em auto 4em;
  font-size: 13px;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  color: #444444;
  background: #f8f2e6;
  width: 60%; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    body {
      width: 85%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
      font-size: 1.2em; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    body {
      width: 82%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    body {
      width: 70%; } }

a {
  text-decoration: none;
  /* don't use a monospace font for obfuscated email links */ }
  a:link, a:visited {
    color: #c76004; }
  a:hover {
    color: #f38c30; }
  a code {
    font: inherit; }

#main h1, #main h2 {
  font-family: 'Georgia', serif; }
#main h1 {
  font-size: 2.46em;
  font-weight: 100; }
#main p {
  margin: 1.5em 0; }
#main p, #main ul li {
  line-height: 1.5em; }
#main ul, #main ol {
  margin: 1.5em; }
#main ul li {
  list-style-type: square; }

nav {
  -webkit-font-smoothing: antialiased;
  opacity: 0.75;
  -webkit-transition: opacity 0.18s ease-out;
  padding-right: 20px;
  margin-bottom: 3em; }
  nav:hover {
    opacity: 1; }
  nav a {
    color: inherit; }
  nav h2 {
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 1px;
    line-height: 20px;
    display: inline; }
    nav h2 span {
      background-color: #c76004;
      color: white;
      padding: 1em; }
  nav ul {
    list-style-type: none;
    margin: 20px 0 20px 1.2em;
    display: inline; }
    nav ul li {
      line-height: 1.4em;
      font-size: 1.08em;
      display: inline;
      padding: 0 4px; }

@media all and (max-device-width: 767px), all and (max-width: 767px) {
  nav {
    margin-bottom: none; }
    nav h2 {
      display: block; }
    nav ul {
      display: block;
      margin: 20px 0; }
      nav ul li {
        display: block; } }