body {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, nav a, .btn {
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 1px;
}
header { background: #111; color: #fff; padding: 1em; display: flex; align-items: center; justify-content: space-between; }
header .logo { height: 75px; }
nav a { color: #fff; margin-left: 1em; text-decoration: none; }
.hero { padding: 3em 1em; background: #f4f4f4; text-align: center; }
.hero h2 { font-size: 2rem; margin-bottom: 0.5em; }
.btn { background: #111; color: #fff; padding: 0.75em 1.5em; text-decoration: none; display: inline-block; }
section { padding: 2em 1em; max-width: 1000px; margin: auto; }
footer { background: #111; color: #fff; text-align: center; padding: 2em 1em; }
form { display: flex; flex-direction: column; max-width: 500px; margin: auto; }
input, textarea { margin-bottom: 1em; padding: 0.5em; font-size: 1rem; }