body {
  margin: 8px;
  background: #f8f4e7;
  color: #552800;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
}

h1, h2 {
  font-weight: bold;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

h2 {
  margin: 0.83em 0;
  font-size: 1.5em;
}

p {
  margin: 1em 0;
}

a {
  text-decoration: underline;
}

a:link {
  color: #0000a0;
}

a:visited {
  color: #a000a0;
}

a:active {
  color: #00a000;
}

hr {
  clear: both;
  margin: 0.5em auto;
}

.portrait {
  float: right;
  width: 180px;
  margin: 0 0 12px 18px;
}

ul {
  padding-left: 24px;
}

li {
  margin-bottom: 6px;
}

blockquote {
  margin: 1em 40px;
}

.attribution {
  font-size: 0.9rem;
}

@media (max-width: 560px) {
  .portrait {
    float: none;
    display: block;
    width: 180px;
    margin: 0 0 1em auto;
  }
}