.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-a-c {
    align-items: center;
}

.flex-j-c {
    justify-content: center
}

.flex-j-sb {
    justify-content: space-between
}

.row {
    display: flex;
    flex-flow: row wrap;
}

.col-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box
}

.col-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box
}

.col-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box
}

.col-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    box-sizing: border-box
}


.col-5 {
    display: block;
    flex: 0 0 20%;
    max-width: 20%;
    box-sizing: border-box
}