/* Flex */

.flexColumn, .flexRow, body, html { display: flex; width: 100%; }
.flexColumn, body, html { flex-direction: column; }
.flexRow { flex-direction: row; flex-wrap: wrap; }
.noWrap { flex-wrap: nowrap; }

.alignStart, .start, body { align-items: start; }
.alignCenter, .center, html { align-items: center; }
.alignEnd, .end { align-items: end; }

.justifyStart, .start { justify-content: start; }
.justifyCenter, .center { justify-content: center; }
.justifyEnd, .end { justify-content: end; }

.selfStart { align-self: start; }
.selfCenter { align-self: center; }
.selfEnd { align-self: end; }



/* Column & Row Items */

.columnItem { margin-top: 2vw; }
.columnItemSmall { margin-top: 0.5vw; }
.columnItemVerySmall {
    margin-top: 0.1vw;

    font-size: 0.75vw;
}

.rowItem { margin-left: 2vw; }
.rowItemSmall { margin-left: 0.5vw; }
.rowItemVerySmall {
    margin-left: 0.1vw;

    font-size: 0.75vw;
}



/* Phone CSS */

@media only screen and (max-width : 1000px) {
    .columnItem { margin-top: 3vw; }
    .columnItemSmall { margin-top: 1vw; }
    .columnItemVerySmall {
        margin-top: 0.1vw;

        font-size: 1.5vw;
    }

    .rowItem { margin-left: 3vw; }
    .rowItemSmall { margin-left: 1vw; }
    .rowItemVerySmall {
        margin-left: 0.1vw;

        font-size: 1.5vw;
    }
}