body {

color: $base-font-color;
font-family: $base-font-family;
//font-feature-settings: "kern", "liga", "pnum";
font-size: $base-font-size;
line-height: $base-line-height;

}

h1, h2, h3, h4, h5, h6 {

font-family: $heading-font-family;
font-size: $base-font-size;
line-height: $heading-line-height;
margin: $small-spacing 0 $small-spacing 0;
font-weight: 700;

}

h1 {

font-size: 30px / 16px * 1em;

}

h2 {

font-size: 26px / 16px * 1em;

}

h3 {

font-size: 24px / 16px * 1em;

}

h4 {

font-size: 20px / 16px * 1em;

}

h5, h6 {

font-size: 16px / 16px * 1em;

}

p {

margin: 0 0 $small-spacing;

&.lead {
  font-size: 22px / 16px * 1em;
  font-weight: 300;
}

}

a {

color: $action-color;
text-decoration: none;
transition: color $base-duration $base-timing;

&:active,
&:focus,
&:hover {
  color: shade($action-color, 25%);
}

}

article a {

text-decoration: underline;

}

hr {

border-bottom: $base-border;
border-left: 0;
border-right: 0;
border-top: 0;
margin: $base-spacing 0;

}

img, picture {

margin: 0;
max-width: 100%;

}

blockquote {

padding: $base-spacing 0 $base-spacing $base-spacing;
margin: $base-spacing 0;
color: $dark-gray-color;
line-height: 1.8;
border-left: $small-spacing solid $light-gray-color;
background-color: lighten($light-gray-color, 15%);
p {
  margin: 0;
}

}

code {

background: none;
border-radius: 0;
border: none;
font-family: "SFMono-Regular",Menlo,Consolas,"Inconsolata",monospace;
font-size: 1em;
margin: 0;
padding: 0 5px;
background-color: lighten($light-gray-color, 13%);

}

pre {

-webkit-overflow-scrolling: touch;
font-family: "SFMono-Regular",Menlo,Consolas,"Inconsolata",monospace;
font-size: 1em;
margin: 0;
padding: 5px 10px !important;
overflow: auto;
max-height: 60em;
white-space: pre;
border: 1px solid $light-gray-color;

code {
  line-height: 1.75em;
  padding: 0 !important;
}

}

strong {

font-weight: bold;

}

em {

font-style: italic;

}

ul, ol, dl {

margin-top: 0;
margin-left: 1.2em;
margin-bottom: 1px / 16px * 1em;
list-style-type: square;
list-style-position: outside;
list-style-image: none;

}