section.surface {
    background: var(--grisprimary);
    padding: 50px 0;
}

section.surface > div {
    display: flex;
    justify-content: center;
}

section.surface .lbl {
    font-family: 'Crimson',sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: var(--bleu);
}

section.surface .surface-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}

section.surface .value {
    font-family: 'Crimson', sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: var(--noir);
}

@media screen and (min-width : 768px){
    section.surface .surface-item {
        width: 20%;
    }
}