@import url('https://fonts.nicdn.de/asap/asap.css');
			
			body, html, h1, p {
				margin:0; padding:0;
				
			}
			body, html, #app {
				width:100%;
				height:100%;
			}
			html,body {
				overflow: hidden;
			}
			
			html {
				font-size:18px;
				
					-webkit-text-size-adjust: 100%;
					-ms-text-size-adjust: 100%; /* 2 */
					-webkit-text-size-adjust: 100%; /* 2 */
				
			}
			@media screen and (max-width: 640px) {
				html {
					font-size:12px;
				}
			}

			body {
				font-family: 'Asap',sans-serif;
				font-size:100%;
				
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
		

				font-weight: 400;
				color:#202020;	
			}
			a {
				color:inherit;
				text-decoration: none;
			}
			
			#app {
				position:relative;
				background:#202020;	
			}
				.c {
					max-width:960px;
					margin:0 auto;
				}
			header {
				position:fixed;
				z-index:2;
				top:0;
				width:100%;
				padding:2rem 0;
			}
				header .c {
					padding:0 2rem;
				}
			
			#logo {
				text-align: center;
			}
				#logo img {
					vertical-align: middle;
					width:3rem;
					height:3rem;
				}
				#logo span {
					display: inline-block;
					font-weight: bold;
					margin-left:0.25rem;
				}
			
			main {
				z-index: 3;
				position:fixed;
				bottom:50%;
				height:120px;
				width:100%;
				text-align: center;
			}
				main h1 {
					width:auto;
					color:#fff;
					display: inline-block;
					border:0.25rem solid #fff;
					padding:0 2rem;
					line-height:6rem;
					font-weight:400;
					font-size:3rem;
					margin-bottom: 1rem;
					background-color: rgba(0,0,0,0.5);
				}
				main p {
					XXtext-transform: uppercase;
					color:#fff;
					text-shadow:0 1px 1px rgba(0,0,0,0.75);
					margin-top:2rem;
					font-weight:400;
					font-size:1.5rem;
				}
			footer {
				position:fixed;
				bottom:0;
				left:0;
				right:0;
				padding:0 2rem;
				z-index:2;
				color:#fff;
				text-align:center;
				color:rgba(255,255,255,0.25);
			}
			footer a:hover {
				color:rgba(255,255,255,0.75);
			}
			footer .c {
				padding:2rem 0;
			}
			#bg {
				background-size: cover;
			    background: url('/Fotolia_104984850_M.jpg') no-repeat center center fixed;
				-moz-background-size: cover;
				-o-background-size: cover;
				-webkit-background-size: cover;
				position:fixed;
				z-index:1;
				top:0; left:0;
				width:100%;
				height: 100%;
				opacity:0.5;
			}

			body.intro #logo {	
				animation: pulse 1s 2s ease-in-out;
				-webkit-animation: pulse 1s 2s ease-in-out;
			}
			body.intro h1 {
				animation: pulse 1s 1s ease-in-out;
				-webkit-animation: pulse 1s 1s ease-in-out;
			}
			body.intro p {
				animation: pulse 1s 1.25s ease-in-out;
				-webkit-animation: pulse 1s 1.25s ease-in-out;
			}

			@keyframes pulse {
			    0% {
			        transform: scale(1.0);
			    }
			    40% {
			        transform: scale(1.25);
			    }
			    100% {
			        transform: scale(1.0);
			    }
			}