/* Styles for parallax & transition effects by mediahof, Kiel
---------------------------------------------------------------------*/

*, html, body{
	margin: 0;
	padding: 0;
	}

body{
	background-color: #000;
	}

/* background setup */
.background {
	background-repeat:no-repeat;
	/* custom background-position */
	background-position:50% 50%;
	/* ie8- graceful degradation */
	background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
	/* give this to all tags from html to .fullscreen */
	height:100%;
}
.fullscreen,
.content-a {
	width:100%;
	height:100%;
	overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
	height:auto;
	min-height:100%;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
	position:relative;
	vertical-align:middle;
	text-align:center;
}

/* visual styles */
body{
	margin:0;
	font-family:sans-serif;
	font-size:28px;
	line-height:100px;
	color:#ffffff;
	text-align:center;
}
section {
	background:#9ed100;
}
.not-fullscreen {
	height:50%;
}

.changebg {
	display:inline-block;
	position:absolute;
	top:0;
	height:100%;
	width:50%;
	margin:0;
	padding:0;
}