body{margin:0;font-family:Arial}

/* NAV */
.nav{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#1f4e79;color:white;position:sticky;top:0}
.logo{height:50px}
nav a{color:white;margin:10px;text-decoration:none}
.menu-toggle{display:none;font-size:24px;cursor:pointer}

/* HERO */
.hero{background:url('hero.jpg') center/cover;height:90vh;display:flex;align-items:center;justify-content:center}
.overlay{background:rgba(0,0,0,0.5);color:white;padding:30px;text-align:center;border-radius:8px}
.btn{background:#2e7d32;color:white;padding:12px 25px;text-decoration:none;display:inline-block;margin-top:15px}

/* SECTIONS */
.section{padding:60px 20px;text-align:center}
.dark{background:#f4f4f4}

/* SPLIT */
.split{display:flex;align-items:center;gap:30px;max-width:1000px;margin:auto}
.split img{width:50%;border-radius:10px}

/* FORM */
form{max-width:500px;margin:auto;display:flex;flex-direction:column}
input,select,textarea{margin:10px 0;padding:12px;width:100%}
button{background:#1f4e79;color:white;padding:12px;border:none}

/* IMAGES */
.responsive-img{width:90%;max-width:900px}

/* FOOTER */
footer{background:#1f4e79;color:white;text-align:center;padding:20px}

/* RESPONSIVE */
@media(max-width:900px){
  .split{flex-direction:column}
  .split img{width:100%}
}

@media(max-width:600px){
  .menu-toggle{display:block}
  nav{display:none;flex-direction:column;background:#1f4e79;position:absolute;top:60px;right:0;width:200px}
  nav.show{display:flex}
  .hero{height:70vh}
}