.flex {
    display: flex;
}

/* В ряд по горизонтали */
.flex.f-row, [class*='flex-'].f-row {
    flex-direction: row;
}

/* В ряд по вертикали */
.flex.f-column, [class*='flex-'].f-column {
    flex-direction: column;
}

/* Не переносить блок на другую строку */
.flex.f-nw, [class*='flex-'].f-nw {
    flex-wrap: nowrap;
}

/* Переносить блок на другую строку */
.flex.f-w, [class*='flex-'].f-w {
    flex-wrap: wrap;
}

/* Центровка по вертикали */
.flex.f-vc, [class*='flex-'].f-vc {
    align-items: center;
}

/* Растянуть по всей ширине */
.flex.f-stretch, [class*='flex-'].f-stretch {
    justify-content: space-between;
}

/* по всей высоте */
.flex.f-vs, [class*='flex-'].f-vs {
    align-items: stretch;
}

/* отцентровать */
.flex.f-c, [class*='flex-'].f-c {
    justify-content: center;
}

/* справа */
.flex.f-right, [class*='flex-'].f-right {
    justify-content: flex-end;
}

.flex.flex-grow-1, [class*='flex-'].flex-grow-1 {
    flex-grow: 1;
}

.f-basis-50 {
    flex-basis: 50%;
}