body {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgb(255,255,255);
}

.white {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 1000;
	opacity: 1;	
}
.logo a {
	z-index: 1010;
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 173px;
	height: 51px;
	margin-left: -86px;
	background: url("../img/logo-m.png") no-repeat;
	background-size: contain;
}

.logo a:hover {
	z-index: 1010;
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 173px;
	height: 51px;
	margin-left: -86px;
	background: url("../img/logo-m-hover.png") no-repeat;
	background-size: contain;
	
}
.logom a {
	z-index: 1010;

	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 173px;
	height: 51px;
	margin-left: -86px;
	background: url("../img/logo-m.png") no-repeat;
	background-size: contain;
}

.logolandscape a {
	display: block;
	position: absolute;
	top: 70%;
	left: 50%;
	width: 173px;
	height: 51px;
	margin-left: -86px;
	background: url("../img/logo-m.png") no-repeat;
	background-size: contain;
	margin-bottom: 100px;
}


video {
	left: 50%;
	top: 50%;
	margin-left: -450px;
	margin-top: -290px;
	position: absolute;
	z-index: 10;
}
.bg {
	z-index: 10;
}
.night {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 1000;
	opacity: 0;
}
.staticlogo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -75px;
	margin-top: -80px;
	width: 150px;
	height: 150px;
	background: url("../img/staticlogo.png") no-repeat;
	background-size: contain;
	opacity: 0;
	z-index: 0;
}
.landscape {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	height: 200px;
	background: url("../img/staticlogo.png") no-repeat;
	background-size: contain;
}