body {
  background-image: url("../images/replacethespace.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

div.jumbotron {
  background-color: rgba(199, 0, 0, 0.75);
  border-bottom: 1px solid white;
  text-align: center;
}

/* Blank Spaces */
.blank {
  float: left;
  width: 50px;
  height: 50px;
  margin-left: 1.5%;
  margin-top: 3%;
  text-align: center;
  border: 1px solid white;
  background-color: rgb(0, 95, 133);
  color: white;
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;
  line-height: 50px; 
  vertical-align: top;
}

div#directions {
  padding-left: 5%;
  text-align: left;
  color: white;
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;
}

.modal {
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;
}

#stats {
  width: auto;
  color: white;
  padding: 1%;
  margin: 1%;
  text-align: right;
  font-family: 'Orbitron', sans-serif;
}

div.btn-container{
  text-align: center;
}

.btn {
  background-color: rgb(199, 0, 0);
  border-color: white;
  font-family: 'Orbitron', sans-serif;
}

/* unvisited link */
button.btn:link {
  color: rgb(199, 0, 0);
}

/* visited link */
button.btn:visited {
  color: rgb(199, 0, 0);
}

/* mouse over link */
button.btn:hover {
  color: white;
}

/* selected link */
button.btn:active {
  color: rgb(199, 0, 0);
}

@media screen and (max-width: 1024px) {
  body{
    background-image: url("../images/replacethespace_vertical.jpg");
  }
  div.blank {
    width: 30px;
    height: 30px;
  }
  #stats {
    line-height: 30px;
    vertical-align: center;
    text-align: right;
  }
  .blank {
    line-height: 30px;
  }
}