body { margin:0; font-family: Arial, sans-serif; background:#fff; color:#000; }
header { display:flex; justify-content:space-between; align-items:center; padding:10px 20px; background:#000; color:#fff; }
header nav a { color:#fff; margin-left:15px; text-decoration:none; font-weight:bold; }
header nav a:hover { text-decoration:underline; }
.logo { height:50px; }
.hero { position:relative; }
.hero img { width:100%; height:auto; display:block; }
.hero-text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:white; font-size:2rem; text-align:center; font-weight:bold; background:rgba(0,0,0,0.4); padding:10px; }
.services { text-align:center; padding:20px; }
.services h2 { margin-bottom:20px; }
.service-list { display:flex; justify-content:center; flex-wrap:wrap; gap:20px; }
.service-list div { max-width:120px; }
.service-list img { width:80px; height:80px; }
.about { display:flex; flex-wrap:wrap; gap:20px; padding:20px; align-items:center; }
.about img { max-width:100%; height:auto; flex:1; }
.about div { flex:1; }
.contact { padding:20px; text-align:center; }
.contact img { max-width:400px; width:100%; height:auto; margin-top:10px; }
footer { background:#f5f5f5; text-align:center; padding:10px; margin-top:50px; }