/* On small screens (width <= 576px), text is aligned to the left */
@media (max-width: 576px) {
  .text-sm-start {
    text-align: left;
  }
}

/* On medium screens (width > 576px), text is centered */
@media (min-width: 576px) {
  .text-md-center {
    text-align: center;
  }
}

/* On large screens (width > 992px), text is aligned to the right */
@media (min-width: 992px) {
  .text-lg-end {
    text-align: right;
  }
}