body { font-family: "Ubuntu Mono", monospace; color: #363E45; }

nav { background-color: #F4EFE8; height: 350px; }

header { margin-top: -250px; color: #fff; }
header .container { position: relative; background-image: url('images/banner.png'); background-position: top center; background-repeat: no-repeat; background-size: cover; height: 330px; }
header h1 { color: #D8B887; font-size: 36px; }
header .lead { color: #fff; font-size: 24px; line-height: 24px; }
header p:not(.lead) { margin-bottom: 0; }

.btn { background-color: #D8B887; border-radius: 30px; color: #363E45; font-size: 16px; text-transform: uppercase; padding-left: 1.5rem; padding-right: 1.5rem; }
.btn:hover { background-color: #B08D3C; }

@media (min-width: 769px) {
  header .container { height: 640px; background-size: contain; }
  header h1 { font-size: 64px; }
  header .lead { font-size: 48px; line-height: 48px; }
}