body {
  margin: 20px;
  background: #303030;
  color: #f5f5f5;
  font-size: 1.6rem;
  font-weight: 300;
}

.container {
  max-width: 800px;
}

.nav {
  margin-top: 5rem;
}

.nav-item a {
  /* color: #797979; */
  color: #bebebe;
  text-decoration: none;
  font-family: "Consolas", "Monaco", "Menlo", monospace;
}

.nav-item a:hover {
  cursor: pointer;
  /* color: #4d4a4a; */
  color: #dcdcdc;
  border: none;
}

.hero {
  color: #f5f5f5;
}

.hero div {
  margin-bottom: 5rem;
}

.hero h3 {
  /* font-family: "Edelsans", sans-serif; */
  font-size: 5rem;
  margin-bottom: 0;
}

.hero h5 {
  margin-top: 1rem;
  margin-bottom: 0;
  /* font-weight: 200; */
  font-weight: 250;
}

.grid-demo-col {
  background: #e4e4e4;
}

a {
  color: #cd86ff;
}

a:hover {
  color: #dbb9f3;
}

img {
  max-width: 100%;
}

.footer-links {
  font-size: 1.5rem;
  color: #f5f5f5;
  text-decoration: none;
  font-weight: 250;
}

.header {
  font-weight: 200;
}

#footer {
  margin-bottom: 3rem;
}

#footer h5 {
  margin-bottom: 1.5rem;
}