@font-face {
    font-family: 'orbitronblack';
    src: url('orbitron-black-webfont.woff2') format('woff2'),
         url('orbitron-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
	
@font-face {
    font-family: 'roboto';
    src: url('roboto-bold-webfont.woff2') format('woff2'),
         url('roboto-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
	}

@font-face {
    font-family: 'roboto';
    src: url('roboto-bolditalic-webfont.woff2') format('woff2'),
         url('roboto-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
	}

@font-face {
    font-family: 'roboto';
    src: url('roboto-italic-webfont.woff2') format('woff2'),
         url('roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
	}

@font-face {
    font-family: 'roboto';
    src: url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

* { margin:0;
	padding:0;
	border:0;
	font-family:roboto, sans-serif;
	color:#ffffff;
	}
body { 
	background-color:#000000; 
	width:100%;
	height:100vh;
	}
#flyer {
	width:100%;
	height:100%;
	background-image: url("ml-vielitz-minifestival.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	}
	
#footer {
	width:100%;
	padding:1.5em 0 0.5em 0;
	text-align:center;
	}
	
#content {
	width:95%;
	min-width:329px;
	max-width:1024px;
	margin:0 auto;
	padding:0 10px;
	}
	
a, a:visited, a:focus	{
	display:inline-block;
	text-decoration:none;
	}
a:hover {
	background-color:#ffffff;
	color:#000000;
	}
#footer a {
	padding:0.25em 0.4em;
	}


h1	{
	text-align:center;
	padding:1em 0;
	font-size:2.5em;
	}
	
h1 a {
	font-family:orbitronblack;
	}
	
h2	{
	padding:0 0 1em 0;
	font-size:1.5em;
	font-weight:bold;
	}
	
h3	{
	padding:0 0 1em 0;
	font-size:1.2em;
	font-weight:bold;
	}