.flex {
	display: flex;
}
.flex-1 {
	flex: 1;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
}
.align-items-center { 
    align-items: center;
}
.justify-content-center {
    justify-content: center;
}
.justify-space-between {
    justify-content: space-between;
}

.flex-1of3 {
    flex: 0 1 33.333%;
}
.flex-2of3 {
    flex: 0 1 66.667%;
}
.flex-1of5 {
    flex: 0 1 20%;
}
.flex-2of5 {
    flex: 0 1 40%;
}
.flex-3of5 {
    flex: 0 1 60%;
}
.flex-4of5 {
    flex: 0 1 80%;
}
.flex-1of2 {
    flex: 0 1 50%;
}
.flex-1of4 {
    flex: 0 1 25%;
}
.flex-3of4 {
    flex: 0 1 75%;
}
.flex-1 {
    flex: 1;
}
.height-full, .h100p {
    height: 100%;
}