inspec/www/source/stylesheets/_typography.scss

h1 {
	font-family: $heading-font;
	font-size: 36px;
	color: $color_heading;
	font-weight: 300;
}
h2 {
	font-family: $heading-font;
	font-size: 30px;
	color: $color_heading;
	font-weight: 300;
}
h3 {
	font-family: $heading-font;
	font-size: 20px;
	color: $color_heading;
	font-weight: 300;
}
h4 {
	font-family: $heading-font;
	font-size: 20px;
	color: $color_paragraph;
	line-height: 1.4em;
	font-weight: 300;
}
p, ol, ul, li {
	font-family: $main-font;
	color: $color_paragraph;
	font-weight: 300;
}
small {
	font-family: $main-font;
	font-size: 65%;
	color: $color_gray;
	@extend %uppercase;
}

hr {
	margin-top: 6px;
	margin-bottom: 6px;
	width: 150px;
	border: 0;
	height: 1px;
	background-color: $color_hr;
	background: linear-gradient(to right, $color_hr 0, $color_link 100%);
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr='$color_hr', endcolorstr='$color_link', gradienttype=1 );
}

//Font Colors//

.t-dk {
	color: $color_heading;
}
.t-white {
	color: $color_white;
}
.t-blue {
	color: $color_link;
}
.t-transparent {
	opacity: 0.6;
}