* {
	margin: 0;
	padding: 0;
}

body {
	background: #131313;
    text-align: center;
}

canvas#canvas {
	display: block;
	 /* background: #000; */
	position: absolute;
	opacity: 0.6;
	z-index: 10;
}

#logo {
	position: relative;
    z-index: 5;
    width: 400px;
    margin-top: 15%;
}


@media screen and (min-width:300px) and (max-width:766px) {
	
	#logo {
		width: 80%;
    	margin-top: 60%;
	}
	
}

@media screen and (min-width:300px) and (max-width:820px) and (orientation: landscape) {
	#logo {
		width: 50%;
    	margin-top: 8%;
	}
}