/* .flexVerticalCentering {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.flexVerticalCentering>* {
    width: 100%;
} */
/* ------------------------------------------------------------------ Flexs columning */
.flexRow {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: center;
}
.mBottom {
    margin-bottom: var(--f);
}
.mTop {
    margin-top: var(--f);
}
.flexColumn {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: start;
    width: 100%;
}
.spaceBetween {
    justify-content: space-between;
}
.vStretch {
    align-items: stretch;
}
.vCenter {
    align-items: center;
}
.noWrap {
    flex-wrap: nowrap;
}

.flexColumn.gap {
    gap: var(--lineGap);
}

.flexRow.gap {
    gap: calc(var(--m));
}

.column1 {
    width: var(--column1);
}

.column2 {
    width: var(--column2);
}

.column3 {
    width: var(--column3);
}
.column4 {
    width: var(--column4);
}

.column6 {
    width: var(--column6);
}
.column8 {
    width: var(--column8);
}

.columnCover {
    width: 100vw;
}


@media screen and (orientation: portrait) {
    .column1, .column2, .column3, .column4, .column6 {
        width: var(--column8);
    }
    .rColumn2 {
        width: var(--column2);
    }
    .rColumn4 {
        width: var(--column4);
    }
    .rColumn6 {
        width: var(--column6);
    }
    /* .flexRow {
        display: flex;
        flex-flow: column;
    } */
}