* {
	box-sizing: border-box;
}

body {
    margin: 0 0 30px 0;
    padding: 0;
	background:#fff;
	font:12px sans-serif,Arial,Tahoma;
	color:#000
}
body.black {
	background:#000;
}
a {
	color: blue;
	text-decoration: underline;
}
.hidden {
	display:none;
}
.content {
    margin: 0 auto;
    width: 100%;
    max-width: 978px;
	/*min-width: 960px;*/
    padding: 0 15px;
}
.content .logo {
text-align:center;
border-bottom:1px solid #ccc;
padding:10px;	
}

.content h2 {
	font-size:1.8em;
}

.games .details {
	float:right;
	width:180px;
	line-height:1.4em;
}
.games .details h3 {
margin:4px 0;
padding:0;
font-size:1.4em;
}
.games .details span {
	display:block;
	margin-bottom:5px;	
}
.games .details div{
	margin-top:10px;
}
.skip {
	position:absolute;
	top:10px;
	left:10px;
	border:2px solid #fff;
	border-radius:5px;
	color:#fff;
	width:150px;
	text-align:center;
	font-size:1.6em;
	padding:5px;
	cursor:pointer;
}


.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.canvas, .video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

@media (max-width: 978px) {
	/*
    .fullscreen-bg {

    }
    .fullscreen-bg__video {
        display: none;
    }
	*/
	.games .details {
		float:none;
	}	
}