body
{
	background: no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0;
	padding:0;
	background-size:100% 100%
	width:100vw;
	height:100vh;
	background-image:url('../img/main.jpg');
	overflow:hidden;
}
header
{
	width:100%;
	margin: 2% auto 5% auto;
	text-align: center;
	height: 15%;
}
header img
{
	height:100%;
    min-height: 75px;
}

section
{
	position:absolute;
	bottom:90px;
	right:0;
	width:100%;
	padding:0 36px;
}
section #links {
	float:right;
	text-align:right;
	letter-spacing:16px;
	padding-top:426px;
}
section #links img {
	margin-bottom:16px;
}
section #music {
	float:left;
	text-align:left;
	letter-spacing:16px;
}
section #music img {
	margin-bottom:16px;
}

footer
{
	clear:both;
	position:absolute;
	bottom:39px;
	right:0;
	width:100%;
	padding:0 36px;
	text-align:center;
}
footer #bio {
	color:#ffffff;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 12px;
	text-shadow: 1px 1px #000000;
	font-size: 18px;
	line-height: 20px;
}
footer #bio a {
	color:#b0b0b0;
	text-decoration:none;
}
footer #bio a:hover {
	text-decoration:underline;
}

/* Media Queries */

@media (min-width: 1200px) {
	body
	{
		background-image:url('../img/main_hd.jpg');
	}
}
@media (max-width: 820px)  {
	section {
		padding-top:400px;
		text-align:center;
		position:static;
	}
	section #music {
		float:none;
		text-align:center;
	}
	section #links {
		float:none;
		padding-top:0;
		text-align:center;
	}
	section br {
		display:none;
	}
	footer {
		display:none;
	}
	body {
		overflow:auto;
	}
}
@media (max-height: 600px) {
	section {
		padding-top:160px;
		position:static;
	}
	footer {
		display:none;
	}
	body {
		overflow:auto;
	}
}