/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  text-align:right;
  position: absolute;
  right: 15%;
  bottom: 75px;
  left: 15%;
}

.carousel-control-wrapper {
	right: 15%;
	bottom: 15px;
	left: 15%;
	position: absolute;
	text-align:right;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
}

.carousel-control {
  position:relative;
  top:auto;
  bottom: 35px;
  right: 0px;
  z-index:99;
  width:auto;
  height:auto;
  font-size: 20px;
  color: #fff;
  text-shadow:none;
  filter:none;
  opacity:1.0;
  background:#aaaaaa;
  padding:8px 15px 13px 15px;
}
.carousel-control.left {
  background-image:none;
  filter:none;
  
}
.carousel-control.right {
  
  background-image:none;
  filter:none;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter:none;
  outline: none;
  opacity:1.0;
  background:#82BF41;
}

.sliderHeadline {
	width:auto;
	margin:0 0 10px 0;
	padding:7px 18px 8px 20px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:35px;
	color:#186783;
	letter-spacing:0.3px;
	text-shadow:none;
	background:#ffffff;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px) {
	.carousel .item {
		height: 300px;
	}
	
	.sliderHeadline {
		width:auto;
		margin:0 0 10px 0;
		padding:7px 18px 8px 20px;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:400;
		font-style:normal;
		font-size:25px;
		color:#186783;
		letter-spacing:0.3px;
		text-shadow:none;
		background:#ffffff;
	}
}