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

margin-top: 50px;
margin-bottom: 20px;

}

h1 {

font-size: calc(120% + 2.7vw);
margin: 30px 0 50px 0;
color: $accent;
@media screen and (max-width: $break) {
  margin-top: 5px;
}

} h2 {

font-size: calc(120% + 2vw);
margin: 10px 0;

} h3 {

font-size: calc(120% + 1.5vw);

} h4 {

font-size: 2rem;

}

h5 {

font-size: 1.5rem;

}

h6 {

font-size: 1rem;

}

p {

line-height: 1.9;
margin: 25px 0;
@media screen and (max-width: $break) {
  margin: 15px 0;
}

}

a {

color: $accent;
&:hover {
  opacity: .7;
}

}

blockquote {

font-size: 2rem;
opacity: .8;
padding: 5px 30px;
border-left: 4px solid rgba($tertiary, .6);
margin: 3rem 0;
background: rgba($tertiary, .1);
p {
  line-height: 1.5;
}

}

figure {

overflow-x: auto;
background: darken($accent, 45%);
padding: 2rem;
color: white;
border-radius: 3px;
box-shadow: 2px 2px 2px rgba(black, .2);
-webkit-overflow-scrolling: touch;
code {
  display: block;
  background: none;
}

}

ol, ul {

padding-left: 25px;
li {
  list-style-position: outside;
  margin: 8px 0;
  display: list-item;
}

}

ol {

li {
  list-style: decimal;
  list-style-position: outside;
}

}

ul {

li {
  list-style: disc;
  list-style-position: outside;
}

}

article {

ul, ol {
  line-height: 1.9;
}

}

code {

background: rgba($accent, .2);
padding: 0;

}

pre {

margin: 0;

}

sup {

a {
  text-decoration: none;
}

}