/* START TEAM SECTION */
div.team_background {
    background-color: #000;
    color: #fff;
    margin-top: -5px;
}

.team_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 70px 0 100px 0;
    /* justify-content: space-between;  Espace entre les éléments */
}

.team_member {
    flex: 1 1 20%; /* Chaque membre prendra environ 18% de la largeur (pour 4 par ligne avec marge) */
    margin: 5px; /* Espacement entre les éléments */
    box-sizing: border-box; /* Inclure la marge et le padding dans la taille de l'élément */
    /* background-color: #f9f9f9;  Exemple de style de fond */
    padding: 10px; /* Ajoute du padding autour du contenu */
    /* text-align: center;  Centre le texte */
}

.team_member:nth-child(29) {
    flex: 0 1 24.6%;
}

.team_member:nth-child(30) {
    flex: 0 1 24.6%;
}

.team_member img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    /* margin: 0 auto 10px;  Centrer l'image et ajouter un espacement en bas */
}

.team_member_text {
    margin: 0 0 60px 0;
}

.team_member h3 {
    font-size: 40px;
    margin: 40px 0 10px 0;
}

.team_member p {
    font-size: 24px;
}

@media (max-width: 1768px) {
    .team_member h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .team_member h3 {
        font-size: 30px;
    }

    .team_member p {
        font-size: 20px;
    }
}

@media (max-width: 1200px) {
    .team_member {
        /*flex: 1 1 30%;  3 par ligne sur des écrans légèrement plus petits */
        flex: 1 1 20%; /* 4 par ligne sur des écrans légèrement plus petits */
    }

    .team_member:nth-child(29) {
        flex: 0 1 24%;
    }
    
    .team_member:nth-child(30) {
        flex: 0 1 24%;
    }

    .team_member_text {
        margin: 0px 0 30px 0;
    }
}

@media (max-width: 992px) {
    .team_member {
        /*flex: 1 1 45%;  2 par ligne sur des tablettes */
        flex: 1 1 30%; /* 3 par ligne sur des écrans légèrement plus petits */
    }

    .team_member:nth-child(29) {
        flex: 1 1 30%;
    }
    
    .team_member:nth-child(30) {
        flex: 1 1 30%;
    }

    .team_member h3 {
        font-size: 25px;
        margin: 20px 0 10px 0;
    }

    .team_member p {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .team_member {
        /*flex: 1 1 100%;  1 par ligne sur mobile */
        flex: 1 1 45%;  /* 2 par ligne sur des tablettes */
    }

    .team_member_text {
        margin: 0px 0 20px 0;
    }
}

@media (max-width: 468px) {
    .team_member {
        flex: 1 1 100%;  /* 1 par ligne sur mobile */
        margin: 0;
        padding: 0;
    }

    .team_member:nth-child(29) {
        flex: 1 1 100%;
    }
    
    .team_member:nth-child(30) {
        flex: 1 1 100%;
    }
}
/* END TEAM SECTION */