body { font-family: Georgia, serif; margin:0; color:#1a1a1a; }
header { position:relative; }
.hero {
  background: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)), url('assets/hero.jpg') center/cover no-repeat;
  padding:80px 20px;
  text-align:center;
  color:#fff;
}
.hero h1 { margin:0 0 10px; font-weight:normal; }
.hero p { margin:6px 0; }
nav { margin-top:20px; }
nav a { margin:0 10px; text-decoration:none; color:#fff; font-weight:bold; }
.section { padding:40px; max-width:900px; margin:auto; }
h2 { font-weight:normal; }
footer { background:#f4f2ee; padding:20px; text-align:center; font-size:14px; }