* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: #e1e6e2; color: #555;
  font: 15px/24px "Droid Serif", "Noto Serif", Georgia, serif;
}
a { color: #c00505; text-decoration: none; }
a:hover { text-decoration: underline; }
.site-header { background: #555; padding: 44px 16px 38px; text-align: center; }
.site-title {
  margin: 0; font: 400 26px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: .28em; text-transform: uppercase; color: #fff;
}
.site-title a { color: #fff; text-decoration: none; }
.site-description { margin: 10px 0 0; color: rgba(255,255,255,.72); }
.hentry { max-width: 647px; margin: 0 auto; padding: 72px 16px 110px; }
.entry-title {
  margin: 0 0 26px; text-align: center; color: #5c5e65;
  font: 300 36px/42px TypoSlabserifLightRegular, "Roboto Slab", "Droid Serif", Georgia, serif;
}
.entry-content > p { margin: 0 0 22px; }
.site-footer { background: #555; color: #dadcde; text-align: center; padding: 40px 16px; font-size: 12px; line-height: 20px; }
.site-footer a { color: #fff; }
@media (max-width: 620px) {
  .site-header { padding: 30px 16px 26px; }
  .site-title { font-size: 19px; letter-spacing: .2em; }
  .hentry { padding: 40px 16px 70px; }
  .entry-title { font-size: 30px; line-height: 36px; }
}