.hero {
    position: relative;
    background-color: hsl(var(--base-grey-400));
    width: 100%;
    padding: 5rem 13%;
    overflow: hidden;
    min-height: 330px;

    
    @media (max-width:800px) {
        min-height: 120px;
        padding: 2rem;
    }
}

.hero * {
    z-index: 1;
}

.hero__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 80%;

    @media (max-width:800px) {
        width: 100% !important;
    }
}

.hero::before{
    position: absolute;
    display: block;
    content: '';
    height: 100%;
    width: 33%;
    top: 0;
    right: -3%;
    background-image: url('../images/img-bandeau-generique.png');
    background-position: left 40%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index:0;
}

@media (max-width:800px) {
    .hero::before {
      display: none !important;  
    }
}
.hero .breadcrumbs {
    font-size: 1rem;
}

.hero .breadcrumbs .breadcrumbs__active {
    color: hsl(var(--base-grey-600));
}

.hero__content__bottom-text {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}

.hero__content__bottom-text p{
    margin-bottom: 0;
}

.hero h1 {
    font-size: 3rem;
    margin: 0;

    @media (max-width:800px) {
        font-size: 2rem;
    }
}

@media (max-width:1150px) {
    .hero__content__bottom-text button {
        display: none;
    }
}