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

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

.flex-col{
flex-flow: column;
}

.flex-wrap{
flex-wrap: wrap;
}

.flex-nowrap{
flex-wrap: nowrap;
}


.flex-left, .flex-justify-left{
justify-content: left;
}

.flex-center, .flex-justify-center{
justify-content: center;
}

.flex-right, .flex-justify-right{
justify-content: right;
}

.flex-space-between{
justify-content: space-between;
}

.flex-end{
margin-left:auto;
}

.flex-top{
align-items: flex-start
}

.flex-middle, .flex-align-center{
align-items: center
}

.flex-bottom{
align-items: flex-end
}

.flex-stretch{
align-items: stretch
}