/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel, .item, .carousel-inner > .active {
	height:300px;
}
.carousel-inner {
	height:100%;
}
.carousel {
	margin: 0 auto;
}
.carousel-caption {
	position:absolute;
	bottom:0px;
	background-color: rgba(66, 96, 208, 0.24);
	padding:10px;
	color:#fff;
	font-size:13px;
	width:100%;
	z-index:99;
	left:auto;
	right:0;
	text-align: center;
	text-shadow:none;
	/* elimina l'effetto flicker fastidioso del testo */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
 
.carousel .carousel-inner .bg {
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center top; 
}
.carousel .carousel-inner .bg1 {
	background-image:url(../img/img.jpg);
}
.carousel .carousel-inner .bg2 {
	background-image:url(../img/img1.jpg);
}
.carousel .carousel-inner .bg3 {
	background-image:url(../img/img2.jpg);
}
.carousel-caption h3 { font-size:20px;}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 480px) { 
.carousel, .item, .carousel-inner > .active {height:350px;}
}

@media (min-width: 768px) {
.carousel-caption h3 { font-size:30px;}
.carousel, .item, .carousel-inner > .active {height:400px; }
.carousel-caption { font-size:18px; bottom:20px; padding:20px 0 20px 30px; width:420px; }
}

@media (min-width: 992px) {
.carousel, .item, .carousel-inner > .active {height:600px; max-width:100%; }
.carousel-caption {font-size:15px; width:100%;}
}