.multiline-text {
  word-break: normal; }
  .multiline-text span {
    display: block; }
  .multiline-text--is-china {
    word-break: break-all; }
  .multiline-text a {
    text-decoration: underline; }

/*
 * Return the rem of a pixel's value
 *
 * Sample: pxToRem(50)
 * Result: 3.125rem
 */
/*
 * Return the percent ratio from width and height
 *
 * Sample: ratio(16, 9)
 * Result: 56.25%
 */
/*
 * Return the rem of a pixel's value
 *
 * Sample: pxToRem(50)
 * Result: 3.125rem
 */
/*
 * Return the percent ratio from width and height
 *
 * Sample: ratio(16, 9)
 * Result: 56.25%
 */
.bold.title-with-level {
  font-family: "Century Gothic Std Bold"; }

.font-din.title-with-level {
  font-family: "DinCondensedBold", "Century Gothic Std", Arial, sans-serif; }

.font-pathway.title-with-level {
  font-family: "Pathway Gothic One", Arial, sans-serif; }
  .font-pathway.bold.title-with-level {
    font-weight: bold; }

.size-xxl.title-with-level {
  font-size: 5rem;
  line-height: 5.125rem; }
  @media screen and (max-width: 49.9375rem) {
    .size-xxl.title-with-level {
      font-size: 3.125rem;
      line-height: 1; } }

.size-xl.title-with-level {
  font-size: 3.25rem;
  line-height: 3.25rem; }
  @media screen and (max-width: 49.9375rem) {
    .size-xl.title-with-level {
      font-size: 2.875rem;
      line-height: 1; } }

.size-l.title-with-level {
  font-size: 2rem;
  line-height: 2.375rem; }
  @media screen and (max-width: 49.9375rem) {
    .size-l.title-with-level {
      font-size: 1.3125rem;
      line-height: 1.6875rem; } }

.size-m.title-with-level {
  font-size: 1.625rem;
  line-height: 2rem; }
  @media screen and (max-width: 49.9375rem) {
    .size-m.title-with-level {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

.size-s.title-with-level {
  font-size: 0.9375rem;
  line-height: 1.25rem; }

.size-xs.title-with-level {
  font-size: 0.8125rem; }

.align-left.title-with-level {
  text-align: left; }

.align-center.title-with-level {
  text-align: center; }

.align-right.title-with-level {
  text-align: right; }

@media screen and (max-width: 49.9375rem) {
  .m-align-left.title-with-level {
    text-align: left; }
  .m-align-center.title-with-level {
    text-align: center; }
  .m-align-right.title-with-level {
    text-align: right; } }

.title-with-level {
  font-family: "Century Gothic Std", Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  width: 100%; }
  .title-with-level.uppercase {
    text-transform: uppercase; }