/* =Reset
============================================================================== */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	outline: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    
    /* HTML5 display-role reset for older browsers */
    
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    table { border-collapse: collapse; border-spacing: 0; }

    /* clear fix */

    .clearfix {
    	*zoom: 1;
    	}
    	
    .clearfix:before,
    .clearfix:after {
    	display: table;
    	content: "";
    	}
    	
    .clearfix:after {
    	clear: both;
    	}

/* =Global
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */

		body {
			height: 100vh;
			background: #000 url(assets/img/asphalt.jpg) 50% 50% repeat;
		}
		h1, p {
			font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
			color: #fff;
		}
		h1 {
			margin-bottom: 20px;
			font-size: 33px;
			font-weight: 600;
			text-transform: uppercase;
		}
		p {
			margin-bottom: 20px;
			color: #999;
		}

	/* Main
	-------------------------------------------------------------------------- */
		
		#main {
			max-width: 600px;
			margin: 0 auto;
			text-align: center;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}
		#main img {
			width: 100%;
			max-width: 225px;
			height: auto;
		}