body {
  background: #d1d2d3;
  color: #202020;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
  color: #49515C;
}

h1 a, h2 a, h3 a, h4 a {
  color: #49515C;
}

hr {
  border-top: 1px solid #49515C;
}

code {
  background: #f9fafb;
}

header {
  background-color: #49515C;
  background-image: url(/images/header.jpg);
  color: white;
  font-size: 1.4em;
}

header a {
  color: white;
  font-size: 1em;
}

header p {
  color: white;
  font-weight: normal;
}

header img {
  margin: 0;
}

nav, nav a {
  background-color: #6C7689;
  color: white;
}

nav a:hover {
  color: white;
  background-color: #8790a1;
}

aside {
  background-color: #cfd2d9;
  border-color: #6C7689;
  margin-bottom: 1em;
}

footer {
  background-color: #49515C;
  background-image: url(/images/footer.jpg);
  color: white;
}

footer a {
  border-bottom: 1px dashed white;
  color: white;
}

footer a:hover {
  border-bottom: 1px dashed white;
  color: white;
}

.hero-text {
  text-align: center;
}

.hero-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}