*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#f4f4f4;color:#222;line-height:1.6}
.nav{position:sticky;top:0;background:#111;color:#fff;display:flex;justify-content:space-between;padding:18px 8%;align-items:center}
.nav ul{display:flex;gap:20px;list-style:none}
.nav a{color:#fff;text-decoration:none}
.hero{height:90vh;background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url('hero.png') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.overlay h1{font-size:3rem}
.btn{display:inline-block;margin:10px;padding:14px 28px;background:#c1121f;color:#fff;text-decoration:none;border-radius:6px}
.outline{background:transparent;border:2px solid #fff}
section{max-width:1100px;margin:auto;padding:70px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card,.photo{background:#fff;padding:35px;border-radius:10px;box-shadow:0 5px 12px rgba(0,0,0,.1)}
footer{background:#111;color:#fff;text-align:center;padding:25px}
@media (max-width:768px){
    .nav{
        flex-direction:column;
    }

    .overlay h1{
        font-size:2.2rem;
    }
}

.photo img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:10px;
    display:block;
}

.logo img{
    height:50px;
    width:auto;
}