.u-flex,
.u-flex-row,
.u-flex-x {
	display: flex;
}

.u-flex-y,
.u-flex-column {
	display: flex;
    flex-direction: column;
}

.u-flex-x-center {
	display: flex;
	justify-content: center;
}
.u-flex-1{
    flex: 1;
}
.u-flex-xy-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.u-flex-y-center {
	display: flex;
	align-items: center;
}

.u-flex-x-left {
	display: flex;
}

.u-flex-x-reverse,
.u-flex-row-reverse {
	flex-direction: row-reverse;
}

.u-flex-y-reverse,
.u-flex-column-reverse {
	flex-direction: column-reverse;
}

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

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

.u-flex-start {
	justify-content: flex-start
}

.u-flex-center {
	justify-content: center
}

.u-flex-end {
	justify-content: flex-end
}

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

.u-flex-around {
	justify-content: space-around
}

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

.u-flex-items-center {
	align-items: center
}

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

.u-flex-items-baseline {
	align-items: baseline
}

.u-flex-items-stretch {
	align-items: stretch
}


.u-flex-self-start {
	align-self: flex-start
}

.u-flex-self-center {
	align-self: center
}

.u-flex-self-end {
	align-self: flex-end
}

.u-flex-self-baseline {
	align-self: baseline
}

.u-flex-self-stretch {
	align-self: stretch
}

.u-flex-content-start {
	align-content: flex-start
}

.u-flex-content-center {
	align-content: center
}

.u-flex-content-end {
	align-content: flex-end
}

.u-flex-content-between {
	align-content: space-between
}

.u-flex-content-around {
	align-content: space-around
}
.u-flex-middle {
	justify-content: center;
	align-items: center;
	align-self: center;
	align-content: center
}

.u-flex-grow {
	flex-grow: 1
}

.u-flex-shrink {
	flex-shrink: 1
}

.u-flex-1{
  flex: 1
}