.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;
}

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

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

/* отцентровать */
.f-c {
    justify-content: center;
}

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

/* внизу */
.flex.f-bottom, [class*='flex-'].f-bottom {
    align-items: flex-end;
}

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

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

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

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

.f-basis-33_3 {
    flex-basis: 33.33%;
}


.f-basis-50 {
    flex-basis: 50%;
}
.f-basis-60 {
    flex-basis: 60%;
}
.f-basis-66_6 {
    flex-basis: 66.66%;
}

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

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

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