* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Georgia, 'Times New Roman', serif;
  color: #2a2a2a;
  background: #fafaf7;
  line-height: 1.6;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 0 20px; }
header {
  background: #1f3a52;
  padding: 14px 0;
  margin-bottom: 36px;
}
header .logo {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
header nav { float: right; }
header nav a {
  color: #cdd9e5;
  text-decoration: none;
  margin-left: 18px;
  font-size: 15px;
}
header nav a:hover { color: #fff; }
main { min-height: 60vh; }
h1 { font-size: 28px; color: #1f3a52; }
h2 { font-size: 20px; color: #2c4f6e; margin-top: 28px; }
a { color: #2c5f8a; }
.date { color: #888; font-size: 14px; margin-top: -14px; }
article { margin-bottom: 28px; }
footer {
  margin-top: 48px;
  padding: 18px 0 28px;
  border-top: 1px solid #ddd;
  color: #888;
  font-size: 14px;
}