.equipe{
    display: grid;
    grid-gap: 48px 24px;
    margin-bottom: 64px;
}

.equipe .single-membre{
    display: flex;
    flex-direction: column;
}

.equipe .single-membre figure{
    margin-bottom: 16px;
}

.equipe .single-membre figure img{
    opacity: .8;
    border-radius: 12px;
}

.equipe .single-membre .nom{
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
}

.equipe .single-membre .titre{
    font-weight: 300;
    line-height: 28px;
    opacity: 0.8;
}


@media screen and (min-width : 400px){
    .equipe {
        grid-template-columns: repeat( auto-fit, minmax(320px, 1fr) );
    }
}

@media screen and (min-width : 1200px){
    .equipe {
        grid-template-columns: 1fr 1fr 1fr;
    }
}