/* RESET */
* {
	padding:0;
	margin:0;
	list-style:none;
	outline:none;
	text-decoration:none;
}
img {
	border:none;
}

/* GRID LAYOUT */
.grid-1-1 {
	width:764px;
	margin:0 10px;
	padding:0 10px;
}
.grid-2-3 {
	width:496px;
	margin:0 10px;
	padding:0 10px;
	float:left;
}
.grid-1-2 {
	width:362px;
	margin:0 10px;
	padding:0 10px;
	float:left;
}
.grid-1-3 {
	width:228px;
	margin:0 10px;
	padding:0 10px;
	float:left;
}
.grid-1-4 {
	width:161px;
	margin:0 10px;
	padding:0 10px;
	float:left;
}
.grid-flex {
	margin:0 10px;
	padding:0 10px;
}

/* REUSABLE PRESENTATION */
.section {
	overflow:auto;
}
.group {
	clear:both;
}
.inner {
	width:804px;
	max-width:100%;
	margin:0 auto;
}

/* OTHER PRESENTATION */
html {
	background:url(../graphics/bg_dark.jpg) no-repeat right top fixed;
	background-size:cover;
	/*height:100vh;*/
}
body {
	min-width:804px;
}
.site-nav {
	text-align:center;
	padding-top:42px;
}
.site-nav li {
	display:inline;
	margin-left:10px;
}
.site-nav li:first-child{
	margin-left:0;
}
.icon-fallback-text{
	position:absolute!important;
	overflow:hidden;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
.main {
	margin-top:20vh;
}
.site-header {
	margin-top:12em;
}
h1 {
	display:inline-block;
	width:450px;
	max-width:100%;
	/*height:349px;*/
	/*height:334px;*/
	height:335px;
	background:url(../graphics/heading_text.png) 0 0 no-repeat;
	background-size:100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.intro {
	margin-top:4em;
}

/* COLOR */
html {
	background-color:#BC4403;
}
.site-nav .fab, a {
	/*color:#FFFF66;*/
	color:#FFE11C;
}
@media(hover: hover) and (pointer: fine) {
	.site-nav .fab:hover, a:hover {
		color:#FD2300;
	}
}
p {
	color:#FFF;
}

/* BASELINE GRID */
html>body {
	font-size:14px;
}
body {
	font-size:87.5%;
}
p {
	font-size:1.1429em; /*16px*/
	line-height:1.3125em;
	margin-bottom:1.3125em;
}
h1 {
	font-size:1em;
}
.site-nav {
	font-size:1.5714em; /*22px*/
	line-height:1.9091em;
}
ul, ol, dl {
	margin-bottom:1.5em;
}
li, dt, dd {
	font-size:1em;
	line-height:1.5em;
}

/* TYPOGRAPHY */
body {
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:300;
	letter-spacing:1px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}
a {
	font-weight:bold;
	text-decoration:none;
}