/*
 */

html,
body {
    height: 520px;
}

.carousel,
.item,
.active {
    height: 104%;
 /*   z-index: -1; */
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
	margin-left:auto;
	margin-right:auto;
	background-position: center;
	background-size: cover;
	border-bottom:10px solid #FCB041;
}

.fill2 {
    width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media all and (min-width: 200px) {body {height: 250px;background-size: cover; }}
@media all and (min-width: 300px) {body {height: 280px;background-size: cover; }}
@media all and (min-width: 500px) {body {height: 325px;background-size: cover; }}
@media all and (min-width: 700px) {body {height: 325px;background-size: cover; }}
@media all and (min-width: 800px) {body {height: 425px;background-size: cover; }}