html, body {
	height:100%;
}


.carousel,
.item,
.active {
	height:100%;
}
.carousel .item {
    background-image:url(http://www.indokitecamp.com/wp-content/themes/lineupboot/css/img/pattern-camp.png);
	background-color:#CCC;
	}
.carousel-inner {
	height:100%;
}

.fill {
	width:100%;
	height:100%;
	background-position: center;
	background-size: cover;
}

.section {
	margin: 50px 0;
}

.carousel-caption {
  position: absolute;
  right: 10%;
  top: 60px;
  left: 45%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: right;
  font-family: muli, sans-serif;
  text-transform:uppercase;
  float:right;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption h1{
  float:right;
  font-size:16px;
  line-height:20px;
  letter-spacing:-1px;
}


@media screen and (min-width: 768px) {
	.carousel-caption h1{
  float:right;
  font-size:42px;
  line-height:42px;
}
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 50px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 50px;
  }
}