.root, html {

font-size: 20px;
line-height: 28px;

}

.article, body {

font-family: 'freight-text-pro';
font-size: 1rem;
line-height: 1.4rem;
margin: auto;

}

.h1, h1 {

font-family: ministry;
font-size: 1.8rem;
font-weight: 400;
line-height: 2.8rem;
margin-bottom: 0;
margin-top: 1.4rem;
text-align: center;

}

.h2, h2 {

font-family: ministry;
font-size: 1rem;
font-weight: 200;
line-height: 1.4rem;
margin-bottom: 0;
margin-top: 0;
text-align: center;

}

h3, .h3 {

font-family: ministry;
font-size: 1.35rem;
font-weight: 200;
line-height: 1.4rem;
margin-bottom: 0;
margin-top: 1.4rem;

}

blockquote, ol, p, pre, table, ul {

margin-bottom: 1.4rem;
margin-top: 0;

}

p {

@extend .default-line-height;
hyphens: auto;
text-align: left;

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

}

p + blockquote, p + p {

margin-top: 1.4rem;

}

ol ol, ol ul, ul ol, ul ul {

margin-bottom: 0;
margin-top: 0;

} // Let's make sure all's aligned hr .hr {

border: 1px solid;
margin: -1px 0;

}

a, b, code, em, i, small, strong {

line-height: 0;

}

sub, sup {

line-height: 0;
position: relative;
vertical-align: baseline;

}

sup {

top: -.5em;

}

sub {

bottom: -.25em;

}