.hero{
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6)), url(../img/Golden_Key_conciergerie_reservation.webp);
    height:40vh;
    width:100%;
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 64%;
    z-index: -999;
}

.hero-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
    padding: 150px 0;
}

h1{
    font-weight: 600;
    color: var(--second-color);
    font-size: 3rem;
    line-height: 0.9;
    white-space: nowrap;
    text-transform: capitalize;
    text-align: center;
    color: var(--second-color);
}

@media (max-width: 1024px) {
    h1{
        font-size: 1.5rem;
    }
    .hero-title {
        gap: 0px;
    }
}