@mixin font-size-rem($size: 1.6){
  font-size: ($size * 10 + 5) + px;
  font-size: $size + rem;
}

@mixin line-height-rem($size: 1.6){
  line-height: ($size * 10 + 5) + px;
  line-height: $size + rem;
}

body,select,input,textarea{color:#333;}

$heading-font: 	'Helvetica', Arial, sans-serif;
$body-font: 	'Helvetica', Arial, sans-serif;

$body-color: 	#666666;
$heading-color: #666666;
$link-color: 	#4c7cd3;
$link-hover: 	#7ca2df;

body {
	color: $body-color;
	font-size: 100%;
	font-weight: normal;
	line-height: 150%;
	font-family: $body-font;
}
a {
	color: $link-color;
	font-size: 1em;		/* 16x1=16 */
	font-family: $body-font;
	text-decoration: none;
	&:hover{
		color: $link-hover;
	}
}
h1 {
	margin-bottom: 5px;
	color: $heading-color;
	font-family: $heading-font;
	font-weight: 700;
	// @include font-smoothing(on);
	@include font-size-rem(.8);
	@include line-height-rem(1.1);
	@include breakpoint(tablet) {
		margin-bottom: 18px;
		@include font-size-rem(1.2);
		@include line-height-rem(1.2);
	}
	@include breakpoint(desktop) {
		@include font-size-rem(1.2);
		@include line-height-rem(1.2);
	}
}
h2 {
	margin-bottom: 5px;
	color: $heading-color;
	font-family: $body-font;
	font-weight: 300;
	@include font-size-rem(1.4);
	@include line-height-rem(1.4);
	@include breakpoint(tablet) {

	}
	@include breakpoint(desktop) {
		@include font-size-rem(1.8);
		@include line-height-rem(1.8);
	}
}
h3 {
	color: $heading-color;
	font-weight: 400;
	@include font-size-rem(.8);
	@include line-height-rem(1);
	@include breakpoint(tablet) {
		@include font-size-rem(1);
		@include line-height-rem(1.2);
	}
	@include breakpoint(desktop) {
		@include font-size-rem(1.1);
		@include line-height-rem(1.3);
	}
}
h4 {
	margin-bottom: 12px;
	font-size: 1.2em; /* 16x0.875=19.2 */
	line-height: 1em; /* 24px */
	color: $heading-color;
}
p {
	font-weight: 300;
	padding-bottom: 1em;
	@include font-size-rem(1.2);
	@include line-height-rem(1.7);
	@include breakpoint( tablet ) {
		padding-bottom: 1.3em;
	}
	@include breakpoint(desktop) {
		padding-bottom: 1.3em;
		@include font-size-rem(1.4);
		@include line-height-rem(1.9);
	}
}
ul {
	list-style: disc;
	margin: 0 0 0 1.1em;
	padding-bottom: 1em;
	li {
		font-weight: 300;
	}
	nav & { // remove styling for nav ul's
		list-style: none;
		margin: 0;
		padding-bottom: 0;
		a { text-decoration: none; }
	}
}
ol {
	list-style: decimal;
	margin: 0 0 1em 2em;
	li { margin: .5em 0; }
	ol { list-style: lower-alpha; }
}
blockquote {
	padding-bottom: 1.3em;
	@include font-size-rem(1.9);
	@include line-height-rem(2.4);
	.credit {
		margin-top: 20px;
		padding-left: 170px;
		@include font-size-rem(1.1);
		@include line-height-rem(1.1);
	}
}