html, body {
		margin: 0px; padding: 0px;
		color: #fff; background-color: #000; font-size: 12pt; font-family: Vollkorn, serif;
		letter-spacing: 1px;
	}
	
	div#backdrop	{
		position: absolute; top: 0; left: 0; width: 100%; height: 100%;
		background: url("bkg.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		background-size: cover;
	}
		
		
	section#band {
		position: absolute; bottom: 30px; width: 100%; height: 50px; text-align: center;
	}
	
	section#muzak {
		position: absolute; top: 30px; width: 100%; height: 50px; text-align: center;
	}
	
	section#muzak iframe {
			width: 300px; height: 575px;
			background-color: #000; border: none;
			box-shadow: rgba(0,0,0,.5) 0px 5px 50px;
	}
	

	
	header {
		margin: 0px; padding: 10px 20px;
		font-style: italic;
		background: rgba(0,0,0, .8);
		border-top: 1px solid #888; border-bottom: 1px solid #888;
		box-shadow: #000 0px 0px 30px;
		text-align: right;
	}
	
	h1 {
		margin: 0px; padding: 0px; font-size: 1em; float: left; font-weight: normal;
	}
	h2 {
		margin: 0px 0px 0px 1em; padding: 0px; font-size: 1em; float: left; font-weight: normal;
	}
	
	a {
		color: #fff; text-decoration: none;
	}
	
	video {
		position: absolute; top: 50%; left: 50%;
		width: 640px; height: 360px; margin-left: -320px; margin-top: -180px;
		background-color: #000;
		box-shadow: #000 0px 0px 30px;
	}
	
	
	@media only screen and (max-device-width: 480px) {
		div#backdrop {
	/*		background: url("bkg.jpg") no-repeat top left fixed; */
		}
		
		html, body {
			font-size: 18pt;
		}
		section#muzak{
			display: none;
		}
	}