/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/
/*	Resets
	------	*/
nav { margin: 0; margin-left: 0px; margin-right: 0px; border: 0; }
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }
a img { border: 0; }
/*	Typography presets
	------------------	*/
.gigantic { font-size: 110px; line-height: 120px; letter-spacing: -2px; }
.huge { font-size: 68px; line-height: 72px; letter-spacing: -1px; }
.large { font-size: 42px; line-height: 48px; }
.bigger { font-size: 26px; line-height: 36px; }
.big { font-size: 22px; line-height: 30px; }
body {font-size:12px;font-family:"Muli", sans-serif;font-weight:400;}
.small, small { font-size: 13px; line-height: 18px; }
/* Selection colours (easy to forget) */
::selection {background: rgb(255,255,158);}
::-moz-selection {background: rgb(255,255,158);}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
body { -webkit-tap-highlight-color: rgb(255,255,158); }
/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ }
.wrapper { width: 852px; padding-left: 68px; }
#main {width: 920px; padding-left: 0px; }
/* #mobile-nav-holder { display: none; } */
.selectnav { display: none; }
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* nav */
	nav {
	}
	#nav li {
		font-size: 13px;
		font-weight: lighter;
	}
	#nav>li ul {
	}
	#nav>li>a>.subheader {
		display: none;
	}
	#mobile-nav-holder {
		display: none;
	}
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	.js nav { width:100%; padding:10px 0 0 0; }
	.js #nav { display: none; }
	.js .selectnav { display: block; width:100%; padding:0; background:#FFF; padding:3px 5px; font-size: 16px; border: 1px solid #ccc;height: 30px; }
	.js .selectnav option { font-size:14px; padding:5px; }
	.logo { float:none;}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

}