body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f5f5f5; color: #333; }
nav { background: #eee; padding: 10px; text-align: center; }
nav a { margin: 0 10px; text-decoration: none; color: #333; }
header.hero { background: url('forest.jpg') no-repeat center center/cover; height: 400px; position: relative; }
header.hero .overlay { background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
header.hero .container { position: relative; color: #fff; text-align: center; top: 50%; transform: translateY(-50%); }
.btn { display: inline-block; padding: 10px 20px; background: #5a8f29; color: #fff; text-decoration: none; border-radius: 4px; }
section { padding: 20px; max-width: 800px; margin: auto; }
footer { background: #333; color: #fff; text-align: center; padding: 10px; }