.banner-layer {
	height: calc(100vh + 80px);
	textialign: center;
	vertical-align: middle;
	transition: background 1s linear;
}

.base-layer {
	background-color: #FFF;
	height: 100vh;
	width: 100vw !important;
	padding-left: 0px;
	padding-right: 0px;
}

.base-layer-noheight {
	background-color: #FFF;
	width: 100vw;
	padding-left: 0px;
	padding-right: 0px;
}

/* box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; */
.white-shadow {
	-webkit-box-shadow: 0px 70px 120px 170px #FFF;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	   -moz-box-shadow: 0px 70px 120px 170px #FFF;  /* Firefox 3.5 - 3.6 */
	        box-shadow: 0px 70px 120px 170px #FFF;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.releases-layer {
	background-image: url('../resources/banner-bg.png');
}

.wiki-layer {
	background-image: url('../resources/banner-bg.png');
}

.contribute-layer {
	background-image: url('../resources/banner-bg.png');
}

@media only screen and (max-width: 400px) {
	.footer-layer {
		background-color: #000;
		color: #EEE;
		width: 100vw !important;
		height: 25px;
		text-align: center;
		position: fixed;
		bottom: 0;
		font-size: 11px;
	}
}
@media only screen and (min-width: 401px) {
	.footer-layer {
		background-color: #000;
		color: #EEE;
		width: 100vw !important;
		height: 25px;
		text-align: center;
		position: fixed;
		bottom: 0;
	}
}

.loading-layer {
	background-color: #000;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
}

.layer-title {
	color: #668;
	font-weight: bold;
	font-size: 30px;
	width: calc(100vw - 170px);
	border-bottom: #DDD 1px dotted;
	height: 50px;
	padding-left: 10px;
	padding-right:10px;
}

.layer-title-opaque {
	background-color: #FFF;
	width:100% !important;

	-webkit-box-shadow: -10px 10px 80px 40px #FFF;
	   -moz-box-shadow: -10px 10px 80px 40px #FFF;
	        box-shadow: -10px 10px 80px 40px #FFF;
}

.layer-content {
	padding-left: 10px !important;
	padding-right:10px !important;
	width: calc(100vw - 5px) !important;
}

.layer-title-spacer {
	height: 10px;
}

.inter-layer-spacer {
	height: 60px;
}

.layer-paragraph-spacer {
	height: 20px;
}

