/*** Header ***/
 #about-header {
    background: url(/images/about/qui-sommes-nous.webp) center top no-repeat; /* Ajuster la position de l'image en haut */
    background-size: 100% auto; /* Ajuster la largeur, conserver la hauteur */
    min-height: 39vw;
}
.about-title {
    font-size: 4rem;
    padding-top: 50px;
    margin: 0 auto; /* Centre le titre horizontalement */
    width: fit-content; /* Ajuste la largeur du conteneur à la taille du titre */
}
.container-about-total{
    width: 100%;
}

.container-about-content {
    width: 70%;
    margin: auto; /* Pour centrer le contenu horizontalement */
}
.carte-about{
    padding:20px;
}

/* Pour les écrans de 0px à 340px de largeur */
@media (max-width: 340px) {
    /* Styles pour les écrans de petite taille ici */
    #about-header {
        height: 10vw; /* Exemple de modification pour les petits écrans */
    }
    .about-title {
        font-size: 1.5rem;
        padding-top: 5px;
    }
}

/* Pour les écrans de 341px à 576px de largeur */
@media (min-width: 341px) and (max-width: 576px) {
    /* Styles pour les écrans de taille moyenne ici */
    .about-title {
        font-size: 2rem;
        padding-top: 5px;
    }
}

/* Pour les écrans de 577px à 768px de largeur */
@media (min-width: 577px) and (max-width: 768px) {
    /* Styles pour les écrans de grande taille ici */
    .about-title {
        font-size: 2.5rem;
        padding-top: 5px;
    }
}
    @media (max-width: 992px) {

        .about-text{
            padding-top: 20px;
        }
    }