.hero-section{

    position:relative;
    min-height:100vh;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(0,0,0,.65),
        rgba(0,0,0,.45)
    );

}

.hero-section .container{

    position:relative;

    z-index:2;

}

.hero-subtitle{

    display:inline-block;

    color:#d4af37;

    font-size:18px;

    letter-spacing:3px;

    text-transform:uppercase;

}

.hero-title{

    color:#fff;

    font-size:4rem;

    line-height:1.2;

}

.hero-text{

    color:#c3d3e4;

    font-size:1.1rem;

    max-width:650px;

    margin-top:25px;

    margin-bottom:35px;

}

.hero-btn{

    border-radius:50px;

    padding:14px 32px;

    transition:.3s;

}

.hero-btn:hover{

    transform:translateY(-4px);

}

.scroll-down{

    position:absolute;

    bottom:30px;

    left:50%;

    transform:translateX(-50%);

    z-index:2;

}

.scroll-down a{

    color:#fff;

    font-size:32px;

    animation:bounce 2s infinite;

}

@keyframes bounce{

    0%,20%,50%,80%,100%{
        transform:translateY(0);
    }

    40%{
        transform:translateY(-10px);
    }

    60%{
        transform:translateY(-5px);
    }

}

@media(max-width:768px){

    .hero-title{

        font-size:2.5rem;

    }

    .hero-text{

        font-size:1rem;

    }

}