body {
  font-weight: 300;
  font-size: 16px;
  color: #464646;
  font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0 auto;
  padding: 0;
  font-weight: normal;
}

p {
  line-height: 1.3em;
  margin-bottom: .5em;
}

p a, p a:visited {
  color: #289fd8;
}

p a:hover, p a:focus {
  color: #005481;
  text-decoration: underline;
}

a, a:visited {
  text-decoration: none;
  display: inline-block;
  color: #464646;
}

h1 {
  font-size: 1.3em;
  line-height: 1.6em;
  font-weight: 700;
}

h2 {
  font-size: 1.2em;
  line-height: 1.6em;
}

.list {
  padding-left: 20px;
}

img.left {
  float: left;
}

img.right {
  float: right;
}

img.left, img.right {
  max-width: 40%;
}

h1:target, h2:target, h3:target, h4:target, h5:target, h6:target {
  animation-name: selected_onload;
  animation-duration: 10s;
}

@keyframes selected_onload {
  from {
    color: red;
  }
  to {
    color: inherit;
  }
}

h1:target::before, h2:target::before, h3:target::before, h4:target::before, h5:target::before, h6:target::before {
  content: '';
  display: block;
  height: 100px;
  margin-top: -100px;
}

@font-face {
  font-family: 'Golden Plains';
  src: url("../assets/fonts/GoldenPlains.eot");
  src: url("../assets/fonts/GoldenPlains.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/GoldenPlains.woff") format("woff"), url("../assets/fonts/GoldenPlains.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2.2em;
  }
  h2 {
    font-size: 2em;
  }
}