section.company{
    margin-top: 100px;
}

div.membres{
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

h2.nom{
    font-family: "Belanosima", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    color: #262524;
    padding-top: 20px;
    text-align: center;
}

p.role{
    font-family: "Belgrano", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: normal;
    color: #262524;
    padding-top: 20px;
    text-align: center;
}

img{
    border-radius: 20px;
}

section.partenaires{
    margin-top: 100px;

    h2{
        font-family: "Belanosima", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 40px;
        color: #262524;
        text-align: center;
    }

    div.logos_partenaires{
        padding: 50px;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        justify-items: center;
        align-items: center;
        gap: 20px;

        img{
            border-radius: 0;
            width: 100%;
            height: auto;
            text-align: center;
        }
    }
}

@media screen and (max-width: 1320px) {

    section.company{

        div.membres{

            div.membre{
    
                div img{
                    width: 400px;
                    height: auto;
                    overflow: hidden;
                }
            }
        }
    }
}

@media screen and (max-width: 924px) {

    div.membres{
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

    section.partenaires{
        margin-top: 50px;
    
        h2{
            font-size: 40px;
        }
    
        div.logos_partenaires{
            padding: 20px;
            grid-template-columns: repeat(4, 1fr);
        }
    }
}

@media screen and (max-width: 688px) {

    section.company{

        div.membres{

            div.membre{
    
                div img{
                    width: 300px;
                    height: auto;
                }
            }
        }
    }

    section.partenaires{
    
        h2{
            font-size: 32px;
        }
    
        div.logos_partenaires{
            grid-template-columns: repeat(3, 1fr);
        }
    }
}