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

.carousel-caption h1 {
	position:relative;
	left:0px;
	top:0px;
	float: none;
	text-align:left;
	z-index: 10;
}



/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 300px){
	.carousel-caption h1 {
		text-shadow: 2px 2px 4px #000000;
		font-size: 140%;
		line-height: 1.2;
		margin-bottom: 40px;

	}
}


@media (min-width: 374px){
	.carousel-caption h1 {
		text-shadow: 2px 2px 4px #000000;
		font-size: 170%;
		line-height: 1.2;
		margin-bottom: 55px;
	}
}


@media (min-width: 576px){
	.carousel-caption h1 {
		text-shadow: 2px 2px 4px #000000;
		font-size: 210%;
		line-height: 1.1;
		margin-bottom: 40px;

	}
}


@media (min-width: 768px){
	.carousel-caption h1 {
		text-shadow: 2px 2px 4px #000000;
		font-size: 330%;
		line-height: 1.1;
		margin-bottom: 120px;

	}
}


@media (min-width: 992px){
	.carousel-caption h1  {
		text-shadow: 2px 2px 4px #000000;
		font-size: 300%;
		line-height: 1.1;
		margin-bottom: 100px;

	}
}


@media (min-width: 1200px){
	.carousel-caption h1  {
		text-shadow: 2px 2px 4px #000000;
		font-size: 400%;
		line-height: 1.1;
		margin-bottom: 120px;

	}
}


@media (min-width: 1400px){
	.carousel-caption h1  {
		text-shadow: 2px 2px 4px #000000;
		font-size: 500%;
		line-height: 1.3;
		margin-bottom: 170px;

	}
}