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


.cinzel-font {
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 90;
  font-style: normal;
}

header{
    position: relative;
    height: 100vh;
}

.navbar{
    justify-content:center;
    display: flex;
    padding: 20px 0px 10px 0px;
    width: 100%;
    align-items: center;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    position: fixed;
}

.navbar{
    transition:0.4s;
}

.navbar.scrolled{
    background-color: #AD8B3A;
}

.navlinks{
    display: flex;
    gap: 50px;
    list-style: none;
    font-family: sans-serif;
    color: white;
    font-size: 15px;
    align-items: center;
}

.logo{
    position: absolute;
    left: 50px;
}

.logo img{
    height: 70px;
}

.vid{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

button{
    background-color: #AD8B3A;
    padding: 20px 20px;
    color: white;
    font-family: sans-serif;
    border: none;
}

.offers{ 
    width:100%; 
    padding:20px 100px; 
} 

.cards{ 
    display:flex; 
    justify-content:space-between; 
} 

.card{ 
    width:380px; 
    background:white; 
    border-radius:8px; 
    overflow:hidden; 
    box-shadow:0px 5px 20px rgba(0,0,0,0.12); 
    transition:0.4s; 
}

.card:hover{
    transform:translateY(-10px); 
} 
    
.card img{ 
    width:380px; 
    height:270px; 
    object-fit:cover; 
}

.content{ 
    padding:30px;
} 

.content p{
    font-size:15px;
    color:#666; 
    line-height:28px; 
    margin-bottom:30px; 
}

.content a{
    text-decoration: none;
    color:#b58b45; 
    display:inline-block; 
    transition:0.4s; 
}

.restaurants{

    width:100%;
    padding:120px 100px;
    background:#faf7f2;

}

.restaurants h2{

    text-align:center;
    font-size:50px;
    color:#45443F;
    margin-bottom:20px;
    font-family:"Cinzel",serif;

}

.section-text{

    text-align:center;
    width:700px;
    color:#666;
    line-height:30px;
    margin-bottom:70px;

}

.restaurant-box{

    display:flex;
    justify-content:space-between;

}

.restaurant-card{

    width:550px;
    background:white;
    box-shadow:0px 5px 18px rgba(0,0,0,.12);

}

.restaurant-card img{

    width:550px;
    height:350px;
    object-fit:cover;

}

.restaurant-content{

    padding:35px;

}

.restaurant-content h3{

    font-size:34px;
    color:#45443F;
    margin-bottom:20px;
    font-family:"Cinzel",serif;

}

.restaurant-content p{

    color:#666;
    line-height:28px;
    margin-bottom:30px;

}

.restaurant-content a{

    text-decoration:none;
    color:#AD8B3A;
}



/*================ EVENTS ================*/

.events{

    display:flex;
    width:100%;
    height:75vh;

}

.event-image{

    width:50%;

}

.event-image img{

    width:100%;
    height:75vh;
    object-fit:cover;

}

.event-content{

    width:50%;
    background:#F6F2EB;

    padding:120px 80px;

}

.event-content h2{

    font-size:52px;
    color:#45443F;
    margin-bottom:30px;
    font-family:"Cinzel",serif;

}

.event-content p{

    color:#666;
    line-height:32px;
    margin-bottom:40px;

}

.event-content button{

    background:#AD8B3A;
    color:white;
    border:none;
    padding:18px 40px;
    cursor:pointer;

}



/*================ FOOTER ================*/

footer{

    background:#1d1d1d;
    color:white;
    padding:70px 100px;

}

.footer-container{

    display:flex;
    justify-content:space-between;

}

.footer-logo{

    width:350px;

}

.footer-logo img{

    height:70px;
    margin-bottom:20px;

}

.footer-logo p{

    color:#bfbfbf;
    line-height:28px;

}

.footer-links h3{

    margin-bottom:25px;
    color:#AD8B3A;
    font-family:"Cinzel",serif;

}

.footer-links ul{

    list-style:none;

}

.footer-links li{

    margin-bottom:15px;
    color:#d8d8d8;

}

footer hr{

    margin:60px 0px 25px 0px;
    border:1px solid #444;

}

.copyright{

    text-align:center;
    color:#999;

}