#Banner {
	height: 480px;
	background-color: #5d2b82;
	position: relative;
	overflow: hidden;
	border-bottom: 6px solid #5d2b82;
}

#Banner .banner-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
	z-index: 0;
	
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 2s, opacity 0s 2s;
}

#Banner .banner-image.current {
	z-index: 1;
	
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 2s;
}

#BannerContent {
	font-size: 1.5em;
	color: #fff;
	text-shadow: 0 0 .5em rgba(0,0,0,.8);
	padding: 1em;
	text-align: center;
	position: relative;
	z-index: 2;
}

#BannerContent :first-child {
	margin-top: 0;
}

#Banner.js #BannerContent {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
}