.jumbotron {
  margin-top: 55px;
  background: url("img/road.jpg") no-repeat center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.h2 {
  font-size: 100px;
  font-family: helvetica;
}

div.container {
  margin-bottom: 30px;
}

.padding {
  padding: 60px 0;
}

.col-sm-6 {
  padding-top: 30px;
  padding-bottom: 20px;
}

.col-sm-6 h2 {
  padding-bottom: 20px;
}

div.card {
  padding: 20px;
}

div.card .card-body {
  padding: 20px 0px 0px 0px;
}

div.card .row .col-sm-6 {
  padding: 0px 15px 0px 15px;
}

.col-sm-12 h2 {
  text-align: center;
  padding-bottom: 20px;
}

.col-sm-12 {
  padding-top: 30px;
  padding-bottom: 20px;
}

div.col-sm-12 .card .card-body {
  padding: 0px 0px 0px 0px;
}

#carouselExampleIndicators {
  text-align: center;
}

#carouselExampleIndicators .carousel-indicators {
  position: absolute;
  bottom: -20px;
}

#carouselExampleIndicators ol.carousel-indicators li {
  background-color: #eee;
}

#carouselExampleIndicators .carousel-indicators .active{
  background-color: #000;
}

@media (max-width: 768px) {
  .jumbotron h1 {
    font-size: 300%;
  }
  div.card {
    padding: -15px 15px 0px 15px;
  }
  div.card .row .col-sm-6 {
    padding: 15px 15px 0px 15px;
  }
}
