*[class*="hdln-"] {

  	font-family: var(--base-font-2-semibold);

    --rise: calc(var(--max-font-size, 16) - var(--min-font-size, 16));
    --run: calc(var(--max-vw) - var(--min-vw));
    --slope: calc(var(--rise) / var(--run));

    --min-vw-px: calc(var(--min-vw) * 1px);
    --min-font-size-px: calc(var(--min-font-size) * 1px);

    --fluid-font-size-px:
      calc(
        var(--slope) * (100vw - var(--min-vw-px)) + var(--min-font-size-px)
      );

    --max-font-size-px: calc(var(--max-font-size) * 1px);

    font-size:
      clamp(
        var(--min-font-size-px),
        var(--fluid-font-size-px),
        var(--max-font-size-px)
      );

  }
  
  *[class*="hdln-"][class*="hdln-b"] {
    font-family: var(--base-font-2-black);
  }
  
  .module-large-copy .module-wrap[class*="hdln-"],
  .module-two-col-list .module-wrap[class*="hdln-"],
  .module-copy .module-wrap[class*="hdln-"],
  .module-hero .subline,
  .accordion-list .item-title {
    font-family: var(--base-font-2-regular);
  }



  .hdln-100 {
    --min-font-size: 30;
    --max-font-size: 100;
    line-height: .95;
  }
  
  .hdln-75 {
    --min-font-size: 30;
    --max-font-size: 75;
    line-height: 1;
  }
  
  @media (max-width: 500px) {
    .hdln-75 {
      line-height: 1.16666666666666666666;
    }
  }
  
  .hdln-36 {
    --min-font-size: 18;
    --max-font-size: 36;
    line-height: 1.22222222222222222222;
  }
  
  @media (max-width: 500px) {
    .hdln-36 {
      line-height: 1.5;
    }
  }
  
  .hdln-30 {
    --min-font-size: 25;
    --max-font-size: 30;
    line-height: 1.25;
  }
  
  .hdln-28 {
    --min-font-size: 18;
    --max-font-size: 28;
    line-height: 1.2;
  }
  
  .hdln-22 {
    --min-font-size: 16;
    --max-font-size: 22;
    line-height: 1.4;
  }
  
  .hdln-20 {
    --min-font-size: 18;
    --max-font-size: 20;
    line-height: 1.2;
  }

  .hdln-15 {
    --min-font-size: 13;
    --max-font-size: 15;
  }
  
  .hdln-14 {
    --min-font-size: 14;
    --max-font-size: 14;
  }