body { margin: 0; background: #163028; color: #f3e6c4; font-family: Georgia, "Iowan Old Style", serif; }
.cloth { max-width: 680px; margin: 0 auto; padding: 34px 22px 76px; }
.mark { margin: 0; font-family: "Gill Sans", "Trebuchet MS", sans-serif; letter-spacing: 0.24em; text-transform: uppercase; font-size: 12px; color: #e6c36a; }
h1 { font-weight: 500; font-size: 38px; line-height: 1.12; margin: 10px 0 0; }
nav { margin: 18px 0 24px; border-top: 1px solid #e6c36a; padding-top: 12px; }
nav a { color: #f3e6c4; text-decoration: none; margin-right: 16px; font-size: 16px; }
nav a.on { color: #e6c36a; }
p { font-size: 18px; line-height: 1.55; }
figure { margin: 16px 0 20px; border: 1px solid #e6c36a; padding: 8px; }
img { width: 100%; height: auto; display: block; }
figcaption, footer { font-size: 14px; line-height: 1.45; color: #d9c48a; }
footer { margin-top: 32px; }
@media (max-width: 640px) { h1 { font-size: 30px; } .cloth { padding: 24px 16px 56px; } }