@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);
}

}