/* columns of same height styles */

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: top;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: $screen-sm-min) {
  .row-sm-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
  }
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}

@media (min-width: $screen-md-min) {
  .row-md-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
  }
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}

@media (min-width: $screen-lg-min) {
  .row-lg-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
  }
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}

/* vertical alignment styles */

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}