*{box-sizing:border-box}
body{
  margin:0;
  font-family: Georgia, "Times New Roman", serif;
  background:#f4f1ea;
  color:#2b2b2b;
  line-height:1.9
}
a{color:#7c2d12;text-decoration:underline}
.header{
  background:#ebe6da;
  border-bottom:2px solid #d6cfc2
}
.wrap{
  max-width:980px;
  margin:auto;
  padding:20px
}
.logo img{
  max-height:60px;
  width:auto;
}
.nav{
  margin-top:10px
}
.nav a{
  margin-right:18px;
  font-size:15px;
  color:#3f3f3f
}
.nav a:hover{
  color:#7c2d12
}

.hero{
  padding:40px 0
}
.hero h1{
  margin:0 0 14px;
  font-size:38px;
  font-weight:700
}
.hero p{
  max-width:820px;
  font-size:18px
}

.content{
  padding:30px 0
}
.content h2{
  font-size:26px;
  margin-top:30px
}

.footer{
  background:#ebe6da;
  border-top:2px solid #d6cfc2;
  margin-top:60px
}
.footer p{
  font-size:14px
}

.article-title{
  font-size:40px;
  margin-bottom:12px
}
.article-meta{
  font-size:14px;
  color:#555;
  margin-bottom:28px
}
.article-content img{
  max-width:100%;
  margin:30px 0
}