*[class*="cpy-"] {
		font-family: var(--base-font-1-regular);
    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: 1400;
	}

	*[class*="cpy-"][class*="cpy-b"] {
		font-family: var(--base-font-1-bold);
	}



	.cpy-90 {
		--font-size: 90;
    --min-font-size: 4.375rem;
    --max-font-size: 5.625rem;
    line-height: 1.2;
	}
  
	.cpy-70 {
		--font-size: 70;
    --min-font-size: 2.1875rem;
    --max-font-size: 4.375rem;
    line-height: 1.2;
	}
  
	.cpy-50 {
		--font-size: 50;
    --min-font-size: 1.5625rem;
    --max-font-size: 3.125rem;
    line-height: 1.1;
	}
  
	.cpy-42 {
		--font-size: 42;
    --min-font-size: 1rem;
    --max-font-size: 2.625rem;
    line-height: 1.4;
	}

	.cpy-35 {
		--font-size: 35;
    --min-font-size: 1.5625rem;
    --max-font-size: 2.1875rem;
    line-height: 1.2;
	}
  
	.cpy-28 {
		--font-size: 28;
    --min-font-size: 1.5625rem;
    --max-font-size: 1.75rem;
    line-height: 1.4;
	}
  
  @media (max-width: 500px) {
    .cpy-28 {
      line-height: normal;
    }
  }

	.cpy-20 {
		--font-size: 20;
    --min-font-size: 1.25rem;
    --max-font-size: 1.25rem;
    line-height: 1.4;
	}
  
	.cpy-16 {
		--font-size: 16;
    --min-font-size: 1rem;
    --max-font-size: 1rem;
    line-height: 1.4;
	}
  
  @media (max-width: 500px) {
    .cpy-16 {
      --min-font-size: 1.25rem;
    }
    label.cpy-16 {
      --min-font-size: 1rem;
    }
  }
  
	.cpy-14 {
		--font-size: 14;
    --min-font-size: .875rem;
    --max-font-size: .875rem;
    line-height: 1.4;
	}