/*

Reset some basic elements

*/

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure {

margin: 0;
padding: 0;

}

/*

Basic styling

*/

/* Headings */ h1, h2, h3, h4, h5, h6 {

margin-bottom: .5rem;
font-weight: bold;
line-height: 1.25;
text-rendering: optimizeLegibility;

}

h1 {

font-size: 2rem;

} h2 {

margin-top: 1rem;
font-size: 1.5rem;

} h3 {

margin-top: 1.5rem;
font-size: 1.25rem;

} h4, h5, h6 {

margin-top: 1rem;
font-size: 1rem;

}

/* Body */ body {

font-family: $base-font-family;

} body img {

align: middle;
margin: 5px auto auto auto;
display: block;
max-width: 600px;

}

p {

display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
line-height: 1.65;
font-family: $body-font-family;

}

/* Lists */ ul, ol, dl {

margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 1.5rem;
font-family: $body-font-family;

}

ol li {

margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 1.5rem;

}

li {

margin-bottom: 1rem;

}

dt {

font-weight: bold;

} dd {

margin-bottom: .5rem;

}

/*

Links

*/

a {

color: $brand-color;
text-decoration: none;

}

/*

Blockquote

*/

blockquote {

margin: 10px 20px 10px;
padding: 0px 15px;
border-left: 0.25em solid #ccc;
color: #999;
line-height: 1.5;

}

/**

* Tables
*/

table {

border-collapse: collapse;
margin-bottom: 30px;
width: 100%;

}

table, th, td {

border: 1px solid black;

} th, td {

padding: 15px;
text-align: left;

}