img {
  max-width: 100%;
  height: auto;
}

@font-face {
  font-family: 'Overpass Mono';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../webfonts/OverpassMono-Regular.ttf") format("truetype");
}

.navbar-brand {
  font-family: 'Overpass Mono', monospace;
  font-weight: 300;
  background-color: #303030;
  color: lightgray;
  box-shadow: inset 0px 0px 9px -2px black;
  padding: 5px;
  text-transform: uppercase;

  text-decoration-line: line-through;
  text-decoration-color: #303030;
  text-decoration-thickness: 2px;
}
.navbar-brand:hover {
  color: lightgray;
}

footer {
  background-color: #303030;
  color: lightgray;
  margin-top: 6rem;
  padding-top: 4rem;
  padding-bottom: 6rem;
}
footer .nav-link, footer .nav-link:hover, footer .nav-link:focus {
  color: lightgray;
}

h1, h2, h3 {
  font-family: 'Overpass Mono', monospace;
  font-weight: 300;
  background-color: #303030;
  color: lightgray;
  box-shadow: inset 0px 0px 9px -2px black;
  padding: 5px;

  text-decoration-line: line-through;
  text-decoration-color: #303030;
  text-decoration-thickness: 2px;
}

.route-map {
  height: 320px;
  max-width: 100%;
}