<!doctype html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Buckle Up Music Festival</title>
		<style>
			html,body {height:100%;overflow:hidden;}
			body {background:#efe3bb;}
			body,figure {margin:0;padding:0;text-align: center;}
			div {
				display:-moz-inline-stack;
				display:inline-block;
				zoom:1;
				*display:inline;
				
				width: 75%;
				max-width: 550px;
				
				position: relative;
				height: 100%;
			}
			figure {
				position: relative;
				top: 50%; transform: translate(0, -50%);
				
				display: block;
				width: 100%; height: 0;
				padding-bottom: 58%;
				background-image: url(/images/logo.png);
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}
			@media only screen and (-o-min-device-pixel-ratio: 5/4),
		       only screen and (-webkit-min-device-pixel-ratio: 1.25),
		       only screen and (min-device-pixel-ratio: 1.25),
		       only screen and (min-resolution: 1.25dppx) {
			   	figure { background-image: url(/images/logo@2x.png); }
			}
			@media only screen and (-o-min-device-pixel-ratio: 9/4),
		       only screen and (-webkit-min-device-pixel-ratio: 2.25),
		       only screen and (min-device-pixel-ratio: 2.25),
		       only screen and (min-resolution: 2.25dppx) {
			   	figure { background-image: url(/images/logo@3x.png); }
			}
			figure span {
				position: absolute;
				left: -9999px;
				top: -9999px;
			}
		</style>
		<script>
			(function(i,s,o,g,r,a,m) { i['GoogleAnalyticsObject']=r;i[r]=i[r]||function() { 
			(i[r].q=i[r].q||[]).push(arguments) } ,i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			 } )(window,document,'script','//www.google-analytics.com/analytics.js','ga');
			
			ga('create', 'UA-46746167-1', 'auto');
			ga('send', 'pageview');
		</script>
	</head>
	<body>
		<div>
			<figure>
				<span>Buckle Up Music Festival</span>
			</figure>
		</div>
	</body>
</html>