.banner--content .title .h1{
    font-size: 30px;
    line-height: 40px;
    word-wrap: break-word; /* Permet de couper si nécessaire */
    overflow-wrap: break-word; /* Compatibilité moderne */
    white-space: normal; /* Laisse le navigateur gérer les retours à la ligne */
    word-break: keep-all; /* Empêche la coupure des mots */
}

@media all and (min-width: 485px){
    .banner--content .title .h1{
        font-size: 40px;
        line-height: 50px;
    }
}

@media all and (min-width: 768px){
    .banner--content .title .h1{
        font-size: 50px;
        line-height: 60px;
    }
}

@media all and (min-width: 1200px){
    .banner--content .title .h1{
        font-size: 60px;
        line-height: 70px;
    }
}

@media all and (min-width: 1400px){
    .banner--content .title .h1{
        font-size: 70px;
        line-height: 80px;
    }
}