Text-Align Utilities

.align-center { text-align: center }
.align-left { text-align: left }
.align-right { text-align: right }

@media screen and (min-width:  576px) {
  .sm:align-center { text-align: center }
  .sm:align-left { text-align: left }
  .sm:align-right { text-align: right }
}

@media screen and (min-width:  768px) {
  .md:align-center { text-align: center }
  .md:align-left { text-align: left }
  .md:align-right { text-align: right }
}

@media screen and (min-width:  992px) {
  .lg:align-center { text-align: center }
  .lg:align-left { text-align: left }
  .lg:align-right { text-align: right }
}

@media screen and (min-width:  1200px) {
  .xl:align-center { text-align: center }
  .xl:align-left { text-align: left }
  .xl:align-right { text-align: right }
}