
.rowXsTop {
  align-items: flex-start;
}

.rowXsCenter {
  align-items: center;
}

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

.colXsFirst {
  order: -1;
}

.colXsLast {
  order: 1;
}

.colXsTop {
  align-self: flex-start;
}

.colXsCenter {
  align-self: center;
}

.colXsBottom {
  align-self: flex-end;
}

@media (min-width: 375px) {  .rowSmTop {
    align-items: flex-start;
  }

  .rowSmCenter {
    align-items: center;
  }

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

@media (min-width: 375px) {  .colSmFirst {
    order: -1;
  }

  .colSmLast {
    order: 1;
  }
}

@media (min-width: 375px) {  .colSmTop {
    align-self: flex-start;
  }

  .colSmCenter {
    align-self: center;
  }

  .colSmBottom {
    align-self: flex-end;
  }
}

@media (min-width: 768px) {  .rowMdTop {
    align-items: flex-start;
  }

  .rowMdCenter {
    align-items: center;
  }

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

@media (min-width: 768px) {  .colMdFirst {
    order: -1;
  }

  .colMdLast {
    order: 1;
  }
}

@media (min-width: 768px) {  .colMdTop {
    align-self: flex-start;
  }

  .colMdCenter {
    align-self: center;
  }

  .colMdBottom {
    align-self: flex-end;
  }
}

@media (min-width: 1024px) {  .rowLgTop {
    align-items: flex-start;
  }

  .rowLgCenter {
    align-items: center;
  }

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

@media (min-width: 1024px) {  .colLgFirst {
    order: -1;
  }

  .colLgLast {
    order: 1;
  }
}

@media (min-width: 1024px) {  .colLgTop {
    align-self: flex-start;
  }

  .colLgCenter {
    align-self: center;
  }

  .colLgBottom {
    align-self: flex-end;
  }
}

@media (min-width: 1280px) {  .rowXlTop {
    align-items: flex-start;
  }

  .rowXlCenter {
    align-items: center;
  }

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

@media (min-width: 1280px) {  .colXlFirst {
    order: -1;
  }

  .colXlLast {
    order: 1;
  }
}

@media (min-width: 1280px) {  .colXlTop {
    align-self: flex-start;
  }

  .colXlCenter {
    align-self: center;
  }

  .colXlBottom {
    align-self: flex-end;
  }
}