body { margin: 0; background: #1c1712; color: #f3eadb; font-family: Georgia, "Iowan Old Style", serif; }
.top { height: 6px; background: #c45368; }
.cellar { max-width: 740px; margin: 0 auto; padding: 28px 22px 72px; }
.town { font-family: "Gill Sans", "Trebuchet MS", sans-serif; letter-spacing: 0.28em; font-size: 12px; text-transform: uppercase; color: #e7a0ab; margin: 0; }
h1 { font-weight: 500; font-size: 42px; line-height: 1.1; margin: 8px 0 10px; letter-spacing: -0.02em; }
nav { font-family: "Gill Sans", "Trebuchet MS", sans-serif; font-size: 16px; margin: 0 0 22px; }
nav a { color: #f3eadb; text-decoration: none; }
nav a.on { color: #e7a0ab; }
nav span { color: #6d5848; padding: 0 8px; }
.frame { background: #3a3128; padding: 12px; margin: 6px 0 18px; }
img { width: 100%; height: auto; display: block; }
p { font-size: 18px; line-height: 1.55; max-width: 38rem; }
figcaption, .cap, footer { font-size: 13px; line-height: 1.45; color: #cbbba6; }
footer { margin-top: 36px; max-width: 38rem; }
@media (max-width: 640px) {
  h1 { font-size: 32px; }
  .cellar { padding: 22px 16px 56px; }
}