.rich-txt {
  * {
    max-width: 100% !important;
  }

  &--advent{
    p,span,h1,h2,h3,h4,h5,h6{
      color: var(--txt-color) !important;
    }
  }

  p {
    @include ms-respond(font-size, 0);
    line-height: 1.8;
    text-align: left !important;



    span,
    a {
      font-size: 16px !important;
      line-height: 1.8;
      text-align: left !important;
    }

    @media (max-width: 450px) {

      span,
      a {
        font-size: 14px !important;
      }
    }
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: $ff-serif !important;
    color: var(--txt-color) !important;

    span,
    b {
      font-family: $ff-serif !important;
      color: var(--txt-color) !important;

      span,
      b {
        font-family: $ff-serif !important;
        color: var(--txt-color) !important;
      }
    }
  }

  h2 {
    margin-bottom: 15px;
    @include ms-respond(font-size, 2);
    line-height: 1.2;

    span {
      @include ms-respond(font-size, 2);
      line-height: 1.2;
    }
  }

  h3 {
    margin-bottom: 15px;
    @include ms-respond(font-size, 1);
    line-height: 1.6;

    span {
      @include ms-respond(font-size, 1);
      line-height: 1.6;
    }
  }

  h4 {
    margin-bottom: 15px;
    @include ms-respond(font-size, 1);
    line-height: 1.6;

    color: var(--txt-color) !important;

    span {
      @include ms-respond(font-size, 1);
      line-height: 1.6;
      color: var(--txt-color) !important;

    }
  }

  p,
  span,
  a {
    font-family: $ff-sans !important;
  }

  a {
    color: var(--blue) !important;
    text-decoration: underline;
    background-color: var(--white) !important;
  }

  iframe {
    max-width: 100% !important;
  }

  b {
    font-weight: 600
  }
}




.rich-txt-big {
  @include ms-respond(font-size, 1);
  line-height: 1.6;
  text-align: left !important;

  * {
    max-width: 100% !important;
  }

  p,
  span {
    @include ms-respond(font-size, 1);
    line-height: 1.6;
    text-align: left !important;

    span,
    a {
      @include ms-respond(font-size, 1);
      line-height: 1.6;
      text-align: left !important;

    }

    @media (max-width: 450px) {

      span,
      a {
        font-size: 18px !important;
      }
    }
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: $ff-serif !important;
    color: var(--txt-color) !important;

    span,
    b {
      font-family: $ff-serif !important;
      color: var(--txt-color) !important;

      span,
      b {
        font-family: $ff-serif !important;
        color: var(--txt-color) !important;
      }
    }
  }

  h2 {
    margin-bottom: 15px;
    @include ms-respond(font-size, 3);
    line-height: 1.2;

    span {
      @include ms-respond(font-size, 3);
      line-height: 1.2;
    }
  }

  h3 {
    margin-bottom: 15px;
    @include ms-respond(font-size, 3);
    line-height: 1.6;

    span {
      @include ms-respond(font-size, 2);
      line-height: 1.6;
    }
  }

  h4 {
    margin-bottom: 15px;
    @include ms-respond(font-size, 2);
    line-height: 1.6;

    color: var(--txt-color) !important;

    span {
      @include ms-respond(font-size, 2);
      line-height: 1.6;
      color: var(--txt-color) !important;

    }
  }

  p,
  span,
  a {
    font-family: $ff-sans !important;
  }

  a {
    color: var(--blue) !important;
    text-decoration: underline;
    background-color: var(--white) !important;
  }

  iframe {
    max-width: 100% !important;
  }
   b {
    font-weight: 600
  }
}