responsive-text.scss

body {
	font-family: BodyRegular, "Verdana", "Tahoma" ;
	font-weight: normal;
	color: red;
	background-color: #d1f8fd;

	// Small Font Size Scaling
	font-size: 12pt;
	text-rendering: optimizeLegibility;
	@for $i from 1 through 15 {
		@include breakpoint((240px + 20px * $i)) {
			font-size: 12pt + 0.75pt * $i;
		}
	}

	// Medium Font Size Scaling
	@include breakpoint(640px) {
		font-size: 11.38pt;
		text-rendering: optimizeLegibility;
	}
	@for $i from 1 through 16 {
		@include breakpoint((640+20px*$i)) {
			font-size: 11.38pt + 0.4pt * $i;
		}
	}

	// Large Font Size Scaling
	@include breakpoint(960px) {
		font-size: 15.18pt;
		text-rendering: optimizeLegibility;
	}
	@for $i from 1 through 7 {
		@include breakpoint((960px + 20px*$i)) {
			font-size: 15.18pt + 0.34pt*$i;
		}
	}