/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
    padding-top: 3.5rem;
  }

.bg-light  {
  background-color: #fff!important;
}

.navbar {
  margin: 0 auto;
  text-align: center!important;
}
  
.logo {
    max-width: 250px;
    height: auto;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.jumbotron {
  background: url('bg.jpg') no-repeat center center;
 padding-top:6rem;
 margin: 0 auto;
 text-align: center;
 margin-bottom: 40px;
}

.btn {
  font-size: 1.5em;
}

.content img {
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-top:20px;
  margin-bottom:20px;
}

@media only screen and (max-width: 600px) {
  .jumbotron {
    padding-top:9rem;
   }
   .navbar-brand {
    margin: 0 auto;
    text-align: center;
    display: block;
  }

  .content {
    text-align: center;
  }
  .content h2 {
    font-size: 1.3rem;
  }
  .content img {
    max-width: 100%;
  }
}