* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#333;background-color:#f8f8f8;}
header {background-color:#2d4739;color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
header .logo {height:50px;}
nav a {color:#fff;margin:0 10px;text-decoration:none;font-weight:bold;}
nav a:hover {text-decoration:underline;}
.hero {background-image:url('hero.png');background-size:cover;background-position:center;height:350px;position:relative;}
.hero .overlay {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px;}
.section {padding:50px 20px;background-color:#fff;margin-bottom:20px;}
.section h2 {color:#2d4739;margin-bottom:20px;font-size:28px;}
.section p,.section li {margin-bottom:10px;font-size:16px;}
.services ul {list-style:none;margin-left:20px;}
.services li::before {content:'✔';color:#2d4739;margin-right:8px;}
.gallery {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;}
.gallery img {width:100%;border-radius:8px;cursor:pointer;transition:transform 0.3s ease;}
.gallery img:hover {transform:scale(1.05);}
footer {background-color:#2d4739;color:#fff;padding:20px;text-align:center;}
@media (max-width:600px){header {flex-direction:column;align-items:flex-start;} nav {margin-top:10px;}}