@mixin h1TextSize($size: $h1-font-size, $small: null) {
  @if $small == null {
    $small: $size / 2;
  }

  font-size: clamp($small, calc(1.375rem + 8 * (100vw - 25rem) / 480), $size);

  @include media-breakpoint-up(md) {
    font-size: $size;
  }
}

@mixin textContent {
  max-width: $container-max-width-narrow;
  margin-left: auto;
  margin-right: auto;

  h2,
  h3 {
    text-transform: none;
    font-family: $font-family-base;
    font-size: 20px;
  }

  p {
    line-height: 2;
    //text-align: justify;
  }

  p,
  ul,
  ol {
    //@include hyphens;
    max-width: 50em;
  }

  ol,
  ul {
    > li:not([class]) {
      margin-bottom: 1em;
    }
  }

  ul {
    @include ulList;
  }

  a:not([class]) {
    text-decoration: underline;

    &:hover,
    &:focus {
      color: #000;
    }
  }
}