body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f9f9f9; color: #333; }
header { background: #ffe100; padding: 10px 20px; }
header h1 { margin: 0; }
.nav-container { display: flex; justify-content: space-between; align-items: center; }
nav a { margin-left: 20px; text-decoration: none; color: #333; font-weight: bold; }
.hero {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  height: 397px;
  width: 100%;
}
section { padding: 20px; }
footer {
  background: #333; color: #fff;
  display: flex; justify-content: space-between;
  align-items: center; padding: 10px 20px; flex-wrap: wrap;
}
footer img { height: 40px; margin-right: 15px; }
.footer-text { flex-grow: 1; }
.footer-tagline { text-align: right; font-style: italic; font-size: 0.9em; color: #ccc; }
form input, form textarea { width: 100%; margin-bottom: 10px; padding: 8px; }