html {
	background:url(../img/bg.png) center center repeat;
}
body {
	min-height:100vh;
	background:url(../img/overlay.png) center center no-repeat;
	background-size:cover;
}
#hq_content {
	display:none;
	position:absolute;
	right:40px;
	top:-20px;
	animation:hq_content 4s ease-in-out 0s infinite;
	transform-origin: center top;
}
@keyframes hq_content {
    0% {transform:rotateZ(-5deg)}
	50% {transform:rotateZ(5deg)}
	100% {transform:rotateZ(-5deg)}
}
#logo {
	display:block;
	width:80%;
	height:100vh;
	position:absolute;
	left:10%;
	top:0;
	background:url(../img/logo.png) center center no-repeat;
	background-size:contain;
}
#twitch {
	display:block;
	width:80%;
	height:15vh;
	position:absolute;
	left:10%;
	top:5vh;
	background:url(../img/twitch.png) center center no-repeat;
	background-size:contain;
	z-index:10;
}
#youtube {
	display:block;
	width:80%;
	height:15vh;
	position:absolute;
	left:10%;
	bottom:5vh;
	background:url(../img/youtube.png) center center no-repeat;
	background-size:contain;
	z-index:10;
}

@media (min-width: 768px) {
	#hq_content {
		display:block;
		z-index:20;
	}
	#twitch {
		width:20%;
		height:50vh;
		left:5%;
		top:50vh;
	}
	#youtube {
		bottom:auto;
		width:20%;
		height:50vh;
		left:auto;
		right:5%;
		top:50vh;
	}
}