.carousel-caption {
	z-index: 10;
	margin-bottom: 20px;
}

.carousel .item {
	height: 500px;
	background-color: #000;
}
.carousel .inner-item {
	height: 500px;
	background-color: #000;
}

.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 50%;
	min-width: 100%;
	max-width: none;
	margin-left: -960px;
}

.carousel-caption > p , .carousel-caption > h1{
	color: white;
}

@media (min-width: 768px) {

	.carousel-inner > .item > img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		max-width: none;
		margin-left: 0;
	}


	.carousel-caption p {
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}

}