body{margin:0;font-family:Arial,sans-serif;background:#f7f7f7;color:#333}
header{background:#2c3e50;color:white;padding:10px 20px;text-align:center}
.header-container{display:flex;align-items:center;justify-content:center;gap:15px}
header .logo{max-width:80px;height:auto}
header h1{margin:0;font-size:1.8rem}
nav ul{list-style:none;padding:0;margin:10px 0 0 0;display:flex;justify-content:center;gap:20px}
nav ul li a{text-decoration:none;color:white;font-weight:bold;transition:color 0.3s}
nav ul li a:hover{color:#f39c12}
.hero{padding:40px 20px;background:#34495e;color:white;text-align:center}
.hero h2{margin-bottom:15px}
.hero p{max-width:600px;margin:0 auto}
#gallery{padding:20px;text-align:center}
#photos{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}
.gallery-photo{max-width:300px;border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s}
.gallery-photo:hover{transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,0.3)}
#contact{background:#ecf0f1;padding:20px;text-align:center}
#contact ul{list-style:none;padding:0}
#contact li{margin:5px 0}
#contact a{color:#2c3e50;text-decoration:none}
#contact a:hover{color:#f39c12}
footer{background:#2c3e50;color:white;padding:15px;text-align:center}