body{margin:0;font:17px/1.6 Arial;color:#29343e}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 5%}nav a{margin:8px}.logo{height:64px}.hero{height:360px;background-size:cover;background-position:center;display:flex;align-items:end}.hero h1{background:#fffe;margin:20px;padding:15px}main{max-width:1100px;margin:30px auto;padding:15px;min-height:250px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gallery img{width:100%;height:160px;object-fit:cover}footer{text-align:center;padding:22px;background:#eee}
.wa{display:inline-block;background:#087a47;color:white;
padding:12px 25px;border-radius:7px;text-decoration:none}