.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

.text-normalcase {
  text-transform: none;
}

.text-uppercase {
  text-transform: uppercase;
}

.flex {
  display: flex;
  justify-content: space-between;
  &--col {
    flex-direction: column;
  }
  &--center {
    justify-content: center;
  }
  &--vert-center {
    align-items: center;
  }
}

.u-hidden {
  display: none;
}

.align {
  display: flex;
  &--right {
    justify-content: flex-end;
  }
  &--left {
    justify-content: flex-start;
  }
  &--center {
    justify-content: center;
  }
  &--space-between {
    justify-content: space-between;
  }
  &--vert-center {
    align-items: center;
  }
}

.hide-mobile {
  @media screen and (max-width: 767px) {
    display: none !important;
  }
}

.hide-desktop {
  @media screen and (min-width: 768px) {
    display: none !important;
  }
}