body {font-family: Arial, sans-serif; margin:0; padding:0; background-color:#fdfbf7; color:#333;}
header {display:flex; justify-content:space-between; align-items:center; padding:10px 20px; background:#fff7ec;}
header .logo {height:50px;}
nav a {margin-left:20px; text-decoration:none; color:#333;}
.hero {position:relative; text-align:center; color:white;}
.hero-img {width:100%; height:auto;}
.hero-text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.3); padding:20px;}
.features {display:flex; justify-content:space-around; padding:30px 0; background:#fff;}
.feature {text-align:center; width:30%;}
footer {text-align:center; padding:20px; background:#fff7ec; margin-top:20px;}
.hero.small {padding:100px 20px; background:#eee; color:#333;}
.about {padding:40px 20px; max-width:800px; margin:auto;}