*[class*="hdln-"] {
  	font-family: var(--base-font-1-demi);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1440;
  }
  
  *[class*="hdln-"][class*="hdln-b"] {
    font-family: var(--base-font-1-bold);
  }

  .hdln-72 {
  	--font-size: 72;
    --min-font-size: 2.25rem;
    --max-font-size: 4.5rem;
    line-height: 1.05;
    letter-spacing: 0.013em;
  }
  
  @media (max-width: 500px) {
    .hdln-72 {
      hyphens: auto;
      hyphenate-limit-chars: 7;
    }
  }
  
  .hdln-64 {
  	--font-size: 64;
    --min-font-size: 1rem;
    --max-font-size: 4rem;
    line-height: 0.95;
    letter-spacing: 0.013em;
  }
  
  .hdln-52 {
  	--font-size: 52;
    --min-font-size: 2.25rem;
    --max-font-size: 3.25rem;
    line-height: 1.05;
    letter-spacing: 0.013em;
  }
  
  @media (max-width: 500px) {
    .hdln-52 {
      hyphens: auto;
      hyphenate-limit-chars: 7;
    }
  }

  .hdln-36 {
  	--font-size: 36;
    --min-font-size: 1.5rem;
    --max-font-size: 2.25rem;
    line-height: 1.05;
    letter-spacing: 0.013em;
  }
  
  .hdln-24 {
  	--font-size: 24;
    --min-font-size: 1.25rem;
    --max-font-size: 1.5rem;
    line-height: 1.15;
    letter-spacing: 0.013em;
  }
  
  .hdln-20 {
  	--font-size: 20;
    --min-font-size: 1rem;
    --max-font-size: 1.25rem;
    line-height: 1.15;
  }

  .hdln-18 {
  	--font-size: 18;
    --min-font-size: 1rem;
    --max-font-size: 1.125rem;
    line-height: 1.05;
  }