html 								{ margin: 0; padding: 0; font-size: 14px; }
body 								{ background-color: #000; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #3b3b3b; margin: 0; padding: 0; font-size: 1em; min-width: 320px; }
* 									{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#site_container 					{ min-height: 100vh; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; }
/* --------------------------
 *
 * HEADER
 *
** ----------------------- */

	header 								{ background-color: #000; width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; }
	header .flexed 						{ width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
	header	.header-left 				{ float:left; margin: 10px 0; max-width: 100%; padding-right: 10px; }
	header	.header-right 				{ float:left; margin: 10px 0; max-width: 100%; }
	header #logo 						{ font-family: 'Saira Semi Condensed', sans-serif; font-weight: 700; margin-bottom: 0; font-size: 1.9em; text-transform: uppercase; color: #fff; display: block; }

	@media only screen and (min-width : 480px) { 
		header	.header-left 				{ max-width: 50%; }
		header	.header-right 				{ float:right; max-width: 50%; margin-left: auto; }
	}


	#content 							{ background-color: #fff; flex-grow: 1; overflow:hidden; -webkit-align-items: stretch; align-items: stretch; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	#content section					{ width: 100%; }

	.wrapper 							{ max-width: 1220px; width: 100%; margin: 0 auto; padding: 0 20px; }
	.content-padding 					{ padding: 2em 0; }

	#fade_in 							{ opacity: 0; -webkit-transition:opacity 1s ease; transition:opacity 1s ease; -webkit-transform: translate3d(0, 0, 0); transform : translate3d(0, 0, 0); }

/* --------------------------
 *
 * FONTS & TEXT
 *
** ----------------------- */

	.text-center 						{ text-align: center; }

	a 									{ color: #d8140a; text-decoration: none; font-weight: 400; }
	a:visited 							{ color: #d8140a; }

	i 									{ font-style:italic; }
	p 									{ margin: 0 0 1em 0; font-size: 1em; }
	h1,h2,h3,h4,h5 						{ margin: 0; line-height: 1.1; }
	p + h1,	p + h2,	p + h3,	p + h4 		{ margin-top: 1em; }


	h1, .h1 							{ font-family: 'Saira Semi Condensed', sans-serif; font-weight: 700; margin-bottom: .6em; font-size: 1.7em; text-transform: uppercase; color: #3b3b3b; }
	h2, .h2								{ font-family: 'Saira Semi Condensed', sans-serif; font-weight: 600; margin-bottom: .6em; font-size: 1.5em; text-transform: uppercase; }
	h3, .h3								{ font-family: 'Saira Semi Condensed', sans-serif; font-weight: 600; margin-bottom: .6em; font-size: 1.3em; text-transform: uppercase; }
	h4 									{ font-family: 'Saira Semi Condensed', sans-serif; font-weight: 600; margin-bottom: .6em; font-size: 1.2em; }
	hr 									{ margin: 2em 0; }

	.dark-bg 							{ background-color: #2a2a2a; color: #fff; }
	.dark-bg .h1						{ color: #fff; }
	.dark-bg a							{ color: #fff; /*text-decoration: underline;*/ }
	.grey-bg 							{ background-color: #d9d9d9; color: #d8140a; }
	.white-bg 							{ background-color: #fff; color: #d8140a; }
	.white-bg a 						{ color: #d8140a; }
	.black-bg 							{ background-color: #000; color: #fff; }
	.black-bg a							{ color: #d8140a; }
	
/* --------------------------
 *
 * Frontpage
 *
** ----------------------- */

	#frontpage_section {}
	#frontpage_section .boxes-wrapper 								{ max-width: 100%; margin: 2em auto; }
	#frontpage_section .boxes 										{ width: auto; margin: 0 -20px; }
	#frontpage_section .boxes .box 									{ width: 280px; max-width: 100%; margin:0 auto; padding: 0; }
	#frontpage_section .boxes .box a								{ display: block; border:1px solid #eee; }

/* --------------------------
 *
 * BLOG
 *
** ----------------------- */


	.row 															{ margin: 0 -20px; }
	.row > [class*="col-"], .row > [class^="col-"]         			{ float: left; display: block; padding: 0 20px; margin-bottom: 20px; }
	.row .col-70 													{ width:100%; }
	.row .col-30 													{ width:100%; }
	@media only screen and (min-width : 768px) { 
		.row .col-70 { width: 70%; }
		.row .col-30 { width: 30%; }
	}

/* --------------------------
 *
 * Navigation
 *
** ----------------------- */

	nav#main { margin: 0; }
	nav#main a.menu-link 											{ font-family: 'Saira Semi Condensed', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 1.3em; display: inline-block; margin: 0 10px 0 0; }
	nav#main a.menu-link.current 									{ text-decoration: underline; }

	@media only screen and (min-width : 480px) { 
		nav#main a.menu-link 										{ margin: 0 0 0 10px; }
	}

/* --------------------------
 *
 * COMMON
 *
** ----------------------- */

	img 								{ margin: 0; max-width: 100%; }
	iframe 								{ max-width: 100%; }
	.relative 							{ position: relative; }
	.wrapper:after,.row:after,.cf:after 							{ clear:both; content:''; display:table; }

	.full-width 						{ width: 100%; }

	header, main, section, footer 		{ display:block; }

	.hide-mobile 						{ display: none; }

	@media only screen and (min-width : 1100px) { 
		body 								{ font-size: 16px; }
		.only-mobile 						{ display: none; }
		.hide-mobile 						{ display: block; }
	}

	::-moz-selection 					{ background: #d8140a; color: #fff; }
	::selection 						{ background: #d8140a; color: #fff; }

/* --------------------------
 *
 * FOOTER
 *
** ----------------------- */

	footer  							{ background-color: #000; color: #fff; padding: 20px 0; }
	#copyright 							{ font-size: 16px; }