/* Bigger responsive homepage slider while keeping the original site design. */
body {
  overflow-x: hidden;
}

#home .container {
  width: 96%;
  max-width: 1280px;
}

#home #carousel-example-generic2 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
}

#home #carousel-example-generic2 .carousel-inner,
#home #carousel-example-generic2 .item,
#home #carousel-example-generic2 .item > img {
  width: 100%;
}

#home #carousel-example-generic2 .item > img {
  display: block;
  height: auto;
  max-height: none;
}

#home #carousel-example-generic2 .carousel-caption {
  bottom: 12%;
}

#home #carousel-example-generic2 .carousel-indicators {
  list-style: none;
  padding-left: 0;
}

#home #carousel-example-generic2 .carousel-indicators li {
  overflow: hidden;
  text-indent: -999px;
}

@media only screen and (max-width: 767px) {
  #home .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  #home #carousel-example-generic2 .carousel-caption {
    bottom: 8%;
  }

  #home #carousel-example-generic2 .carousel-caption h3 {
    font-size: 16px;
  }
}