.hero-section {
    background-image: url('../../assets/img/flammes.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    color: var(--white);
    text-align: start;
    padding: 0em;
    margin-top: -1px;
}

.hero-section-subtitle {
    background-color: var(--black);
    color: var(--white);
    text-align: center;
    padding: 0em;
    margin-top: -1px;
}

.hero-section__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto; /* centrer horizontalement */
    text-align: start !important;
}

.hero-section .hero-bg {
    background-image: url('../../assets/img/hero2.png');
    background-repeat: no-repeat;
    background-size: contain;
    color: var(--white);
    text-align: start;
    background-position: bottom left;
}

.hero-section .hero-right {
    display: flex;
    flex-direction: column;
    align-items: center; /* centre horizontal */
    text-align: center; /* titres/boutons centrés */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.hero-section .btn-big {
    display: none !important;
}

@media (min-width: 1400px) {
    .hero-section__content {
    }
}
@media (min-width: 1024px) {
    .hero-section .btn-big {
        display: block !important;
    }

    .hero-section .btn-small {
        display: none !important;
    }
}

@media (min-width: 768px) {
      .hero-section__content {
       
    }

    .hero-section .hero-bg {
        min-height : 900px;
    }

    .hero-section .hero-right {
        margin-top : 5em;
    }
}

@media (min-width: 576px) {
    .hero-section .hero-right {
        align-items: start;
        text-align: start;
    }
}

@media (max-width: 767.98px) {
 
}
@media (max-width: 992px) {
}