body {
  color: $system;
  text-rendering: optimizeLegibility;
  @include rem (font-size, 12px);
  @include rem (line-height, 18px);
  font-family: $sans;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal;}
h1 {@include rem (font-size, 36px);}
h2 {@include rem (font-size, 32px);}
h3 {@include rem (font-size, 25px);}
h4 {@include rem (font-size, 22px);}
h5 {@include rem (font-size, 20px);}
h6 {@include rem (font-size, 18px);}

.l_heading h1 { color: #fff;}

a {
  text-decoration: none;
  text-transform: none;
  font-weight:inherit;
}

p, td, th, li, label, dt, dd { @include rem (line-height, 18px);}

p span {line-height:normal;}

em {font-style: italic;}

h1, .slide_text h2, .btn, .btn-cancel, .calendar_nav h2 { font-family: $headings;}
#nav a.top_link {font-family: $headings;}
.lead {font:normal 16px/25px Georgia;}

/*	COLORS	*/

h3, h3 a { color:$purple;}

@media handheld, only screen and (max-device-width: 480px) {
	body { text-rendering: none; }
}