.hero{

    position:relative;

    width:100%;

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

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

    background-size:cover;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        rgba(0,0,0,.15),
        rgba(0,0,0,.30)
    );

}

.hero-content{

    position:relative;

    z-index:2;

    width:min(900px,90%);

    margin:auto;

    text-align:center;

}

.hero-logo{

    width:260px;

    margin:auto;

    margin-bottom:35px;

}

.hero-date{

    color:#C7A15A;

    letter-spacing:5px;

    font-size:14px;

    font-weight:600;

}

.hero h1{

    margin-top:25px;

    font-size:72px;

    font-weight:700;

    line-height:1;

}

.hero h2{

    margin-top:10px;

    font-size:28px;

    letter-spacing:14px;

    font-weight:300;

}

.hero-location{

    margin-top:40px;

    color:#ddd;

    font-size:22px;

    line-height:1.8;

}

.hero-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:50px;

}

.scroll-down{

    margin-top:80px;

    font-size:42px;

    animation:updown 1.8s infinite;

}

@keyframes updown{

0%{

transform:translateY(0);

}

50%{

transform:translateY(10px);

}

100%{

transform:translateY(0);

}

}