*{
margin: 0;
padding: 0;
}


html, body{
	width: 100%;
	height: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #000;
	color: #fff;
}

a{
	color: #fff;
	text-decoration: none;
}
/*.background:before{
	content: "";
  	display: block;
  	padding-top:56%; 
}*/
.background{
	position: relative;
  	width: 100%;
  	height: 100%;
 	box-sizing: border-box;
	overflow: hidden;
}

.background video{
	position: absolute;
	top: 0;
	left: -100px;
}

.noise{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/noise_01e.png);
	z-index: 4;
}

.scanline{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
	height: 100%;
	background: url(../img/scanline_bg-6.gif);
	z-index: 5;
}

/* .logo-wrapp{
	position: absolute;
	right: 0;
	top: 0;
	width: 65%;
	height: 100%;
	overflow: hidden;
} */

/* .diagonale{
	position: absolute;
	z-index: 4;
	width: 180%;
	height: 150%;
	top: 5%;
	left: 15%;
	background-color: rgba(255, 255, 255, 0.5);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	box-shadow: 0 0 10px #000;
}
.diagonale2{
	position: absolute;
	z-index: 6;
	width: 180%;
	height: 150%;
	top: 5%;
	left: 15%;
	background-color: rgba(255, 255, 255, 0.8);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
} */

.logo{
z-index: 7;
position: absolute;
bottom: 10px;
left: 10px;
}

.logo img{
	width: 60%;
}

.page-content-box{
	z-index: 7;
	position: absolute;
	top: 70px;
	right: 70px;
	width: 50%;
	background-color: rgba(0, 0, 0, 0.8);
	background-image: url(../img/noise_01a.png);
}

.page-logo{
	float: left;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}

.page-logo img{
	width: 30%;
}

.page-content{
	width: 100%;
	box-sizing: border-box;
	float: left;
	padding: 30px;
}

.page-content h1{
	font-size: 22px;
	font-weight: 300;
	text-transform: uppercase;
}

.page-content li{
	list-style-type: none;
	margin: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.footer{
	width: 100%;
	box-sizing: border-box;
	float: left;
	padding: 30px;
	text-transform: uppercase;
}

.footer li{
	list-style-type: none;
	float: left;
	margin: 0 10px 0 0;
}

@media screen and (min-width: 0px) and (max-width: 720px) {

	.page-logo img{
		width: 60%;
	}
	.page-content-box {
		z-index: 7;
		position: absolute;
		top: 70px;
		left: 10px;
		width: 90%;
		background-color: rgba(0, 0, 0, 0.8);
		background-image: url(../img/noise_01a.png);
	}

}