.flex, .flex-right, .flex-end, .flex-align, .flex-center, .flex-center-c, .layout-between, .flex-column-c, .flex-around, .flex-between, .flex-column, .flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flex1 {
  flex: 1 1 0; }

.flex2 {
  flex: 2 1 0; }

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

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

.flex-align, .flex-center, .flex-center-c, .layout-between, .flex-column-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-center, .flex-center-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

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

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

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

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

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

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

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

.flex-shrink {
  flex-shrink: 0; }