/* CSS Guide:

- Use text editor that collapses code based on indents (eg. Sublime Text)
- Indent using 2 spaces
- Collapse everything for a better overview and a faster workflow
- Write media queries right after the original selector and extra indent it
- Use classes for everything and leave tag selectors only for scopes
- Continue the same formatting style and keep it clean

*/


/* BUG FIXES
** ========================================================================== */
/* Fix Windows Phone 8 and Device-Width
	--------------------------------------------------------------------------- */
	/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width */

	@-webkit-viewport { width: device-width; }
	@-moz-viewport { width: device-width; }
	@-ms-viewport { width: device-width; }
	@-o-viewport { width: device-width; }
	@viewport { width: device-width; }

/* SCOPES
** ========================================================================== */
/* Default scope
	--------------------------------------------------------------------------- */
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	html {
		font-family: "Times New Roman", Georgia, serif;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	html,
	body {
		width: 100%;
	}

	body {
		position: relative;
		min-width: 300px;
		height: 100%;
		padding: 0;
		margin: 0;
		font-family: 'open_sanslight', "Helvetica Neue", Helvetica, arial, sans-serif;
	}

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	main,
	menu,
	nav,
	section,
	summary {
		display: block;
	}

	audio,
	canvas,
	progress,
	video {
		display: inline-block;
		vertical-align: baseline;
	}

	h1, h2, h3, h4, h5, h6 {
		display: block;
		font-weight: normal;
		line-height: 1.4;
	}

	h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 30px;
	}

	p {
		line-height: 1.4;
	}

	i, em {
		font-family: "open_sansitalic";
		font-weight: normal;
		font-style: normal;
	}

	a {
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
	}

	ul, ol {
		list-style: none;
		padding-left: 0;
		font-family: "Times New Roman", Georgia, serif;
	}

	img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}

	.hidden, [hidden] {
		position: absolute;
		display: inline-block;
		width: 0;
		height: 0;
		opacity: 0;
	}