*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Arial,sans-serif;

background:#f8f5ef;

color:#2a2a2a;

line-height:1.6;

}

.hero{

height:100vh;

background:url("../img/hero/hero.jpg") center center/cover;

display:flex;

justify-content:center;

align-items:center;

}

.overlay{

background:rgba(0,0,0,.55);

padding:60px;

text-align:center;

color:white;

}

.hero h1{

font-size:70px;

letter-spacing:8px;

color:#d8b45d;

}

.hero h2{

margin-top:15px;

font-size:34px;

}

.button{

display:inline-block;

margin-top:30px;

padding:16px 40px;

background:#b88a2d;

color:white;

text-decoration:none;

border-radius:6px;

}

.container{

width:1200px;

max-width:95%;

margin:auto;

padding:80px 0;

}

.cards{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:40px;

}

.card{

background:white;

padding:30px;

border-radius:12px;

box-shadow:0 15px 30px rgba(0,0,0,.08);

}

img{

width:100%;

margin-top:25px;

border-radius:12px;

}

footer{

padding:40px;

background:#123128;

color:white;

text-align:center;

}