:root {

}

.jumbotron {
  min-height: 50vh;
  background-image: url('/img/hayes-township.jpg');
  background-repeat: none;
  background-size: cover;
}

.jumbotron > div {
  background: rgba(0,0,0,0.7);
}

h3 {
  text-align: center;
}


@media screen and (min-width: 500px) {
  .jumbotron {
    min-height: 80vh;
  }

}