/* Carousel base class */
.carousel, .carousel .item{
  height: 600px;
}

.carousel {
  background-color: #000;
  margin-bottom: 0px;
}

.carousel-caption {
  position: absolute;
  right: 10%;
  left: 10%;  
  top: 0px;
  bottom: auto;
  height: 400px;
  z-index: 10;
  margin: 80px 0 40px;
  color: #fff;
  text-align: center;
  padding: 5px;
}


.carousel .city {
		padding: 4px 26px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
}

.carousel-caption a {
	color: inherit;
	text-decoration: none;
}

.title-container {
	background: rgba(0,0,0,0.6);
	padding: 20px;;
	margin: 0px;
	display: inline-block;
	border-radius: 10px;	
}

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4 {
	font-family: 'Roboto Slab', serif;
	font-weight: 100;	
	text-transform: none;	
} 

.carousel-caption h1 {
	font-size: 36px;
	text-shadow: 1px 1px 5px black;
}

.carousel-caption h2 {
	color: #faed99;
	font-size: 18px;
}

.carousel-caption h4 {
  color: #f0ad4e;
	font-weight: 300;
	font-size: 16px;
}

.carousel-caption h3 a {
	font-family: 'Roboto Condensed', serif;
	margin: 5px 10px;
	font-weight: 700;
	color: #000;
	font-size: 18px;
}

.carousel-caption a.scrolldown {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 28px;
}

.carousel-caption a.scrolldown:hover,
.carousel-caption a.scrolldown:active,
.carousel-caption a.scrolldown:focus {
	color: #fed136;
}

.carousel-caption .journal h3 {
  color: #000;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 900;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.carousel-caption .journal p {
  color: #000;
  line-height: 16px;
}

.carousel-caption .isedj {
	background-color: #d0f0c0;
}

.carousel-caption .jise {
	background-color: #70c0f0; 
}

.carousel-caption .jisar {
	background-color: #c0d0e0;
}


.carousel-caption .btn:hover, 
.carousel-caption .btn:active,
.carousel-caption .btn:focus  {
	color: #000;
}

.carousel-caption a.city, a.city {
	font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
	text-transform: none;
	font-size: 36px;
}

@media screen and (min-width: 768px) {
	.carousel-caption {
  	margin: 160px 0 60px;
	}
	.carousel-caption h1 {
		font-size: 50px;
	}
}

@media screen and (min-width: 968px) {
	.carousel-caption h2 {
		font-size: 24px;
	}
	.carousel-caption h4 {
		font-size: 20px;
	}
	.carousel-caption h3 a {
		font-size: 24px;
	}
	.carousel-caption h3 a.city {
		font-size: 40px;
	}	
}

.carousel-control {
    width: 10%;
}
.carousel .item1 {
	background: #000 url('../img/v1.jpg') no-repeat top center;
}
.carousel .item2 {
	background: #000 url('../img/v4.jpg') no-repeat top center;
}
.carousel .item3 {
	background: #000 url('../img/v2.jpg') no-repeat top center;
}
.carousel .item4 {
	background: #000 url('../img/v3.jpg') no-repeat top center;
}
.carousel .item5 {
	background: #000 url('../img/v5.jpg') no-repeat top center;
}
.carousel .item6 {
	background: #000 url('../img/v6.jpg') no-repeat top center;
}
.carousel .item7 {
	background: #000 url('../img/v7.jpg') no-repeat top center;
}