@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900");

html, body, div, h1, a, ul, li, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

	html {
		box-sizing: border-box;
	}

	body {
		background: #CCC;
		overflow: hidden;
		color: #000;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 15pt;
		font-weight: 300 !important;
		letter-spacing: -0.025em;
		line-height: 1.75em;
		-webkit-text-size-adjust: none;
	}

	#main {
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		position: fixed;
		text-align: center;
	}

	#header {
		display: inline-block;
		position: relative;
		text-align: center;
		top: 33%;
		vertical-align: middle;
		width: 90%;
	}

	h1 {
		font-size: 4em;
		font-weight: 900;
		letter-spacing: -0.03em;
		line-height: 1em;
	}

	nav {
		margin: 1.5em 0 0 0;
		font-size: 1.1em;
	}

	ul {
		list-style: none;
	}

	li {
		display: inline-block;
		position: relative;
	}

	a {
		color: inherit;
		outline: 0;
		text-decoration: none;
	}

	a:hover {
		color: #fff;
	}

/* Footer */

	#footer {
		bottom: 0;
		left: 0;
		height: 6em;
		width: 100%;
		line-height: 8em;
		position: absolute;
		text-align: center;
		font-size: 0.8em;
	}

/* Wide */

	@media screen and (max-width: 1680px) {

		body {font-size: 13pt}
	
	}


/* Normal */

	@media screen and (max-width: 1280px) {

		body {font-size: 12pt}
	
	}

/* Mobile */

	@media screen and (max-width: 736px) {

		body {min-width: 320px}
		body {font-size: 11pt}

		#header h1 {font-size: 2.5em}
		#header nav {font-size: 1em}
		
	}

/* Mobile (Portrait) */

	@media screen and (max-width: 480px) {

		#header nav {padding: 0 1em}
		
	}