.rich-text {
  max-width: 80%;
}

.rich-text p {
  font-size: calc(1.125rem * var(--font-section-scale, 1));
}

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

.rich-text--center {
  text-align: center;
  margin: auto;
}

.rich-text--right {
  text-align: right;
  margin-left: auto;
}

@media only screen and (max-width: 1024px) {
  .rich-text p {
    font-size: calc(1rem * var(--font-section-scale, 1));
  }
}

@media only screen and (max-width: 767px) {
  .rich-text {
    max-width: none;
  }

  .rich-text p {
    font-size: calc(0.875rem * var(--font-section-scale, 1));
  }
}