.row {
  width: 100%;
  clear: both;
  position: relative;
  display: flex;
}
.row > *:first-child {
  margin-left: 0 !important;
}
.row--bot {
  align-items: flex-end;
}
.row--top {
  align-items: flex-start;
}
.row--center {
  align-items: center;
}
.row--right {
  justify-content: flex-end;
}
.row--mid {
  justify-content: center;
}
.row--between {
  justify-content: space-between;
}
.row--reverse {
  flex-direction: row-reverse;
}
.row--wrap {
  flex-wrap: wrap;
}
.rowCol {
  width: 100%;
  clear: both;
  position: relative;
  display: flex;
  flex-direction: column;
}
.rowCol--bot {
  justify-content: flex-end;
}
.rowCol--top {
  justify-content: flex-start;
}
.rowCol--center {
  justify-content: center;
}
.rowCol--between {
  justify-content: space-between;
}
.rowCol--left {
  align-items: flex-start;
}
.rowCol--right {
  align-items: flex-end;
}
.rowCol--mid {
  align-items: center;
}
.rowCol--reverse {
  flex-direction: column-reverse;
}
.rowCol--wrap {
  flex-wrap: wrap;
}