/*

Base

*/

body {

font-family: $serif-font-family;
font-size: 18px;
color: $body-color;
line-height: 1.75rem;

}

@media (max-width: $elements-responsive-width) {

body {
  font-size: 14px;
  line-height: 1.5rem;
}
body h1 {
  font-size: 1.5rem;
}

}

h1{

font-size: 2rem;

}

h1 a {

text-decoration: none;

}

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

font-family: $sans-serif-font-family;
color: $dark-gray-color;

}

a {

text-decoration: underline;
color: $dark-gray-color;

}

a:hover {

color: $link-color;
border-bottom: none;

}

img {

max-width: 100%;
height: auto;
border-radius: 5px;

}

blockquote {

margin: 10px 20px 10px;
padding: 0px 15px;
border-left: 0.25em solid $extra-light-gray-color;
color: $light-gray-color;
line-height: 1.5;

}

hr {

border-top: 1px solid $extra-light-gray-color;

}

/*

Tables

*/

table {

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

}

table, th, td {

border: 1px solid black;

}

th, td {

padding: 15px;
text-align: left;

}