.flex {
    display: flex;
}

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

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

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

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

/* Центровка по вертикали */
.f-vc {
    align-items: center;
}

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

/* по всей высоте */
.f-vs {
    align-items: stretch;
}

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

/* справа */
.f-right {
    justify-content: flex-end;
}

/* внизу */
.f-bottom {
    align-items: flex-end;
}

.flex-grow-1 {
    flex-grow: 1;
}

.f-basis-16_6{
    flex-basis: 16.66%;
}

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

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

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

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

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


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

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

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

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

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

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

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