/* Fonts */
@media screen and (min-device-width: 480px)
{
	@font-face
	{
		font-family: 'Chrono Regular';
		src: url('/fonts/ChronoWeb_EOT/ChronoWebRegular.eot');
		src: local('☺︎'), url("/fonts/ChronoWeb_WOFF/ChronoWebRegular.woff") format("woff");
	}

	@font-face
	{
		font-family: 'Chrono Medium';
		src: url('/fonts/ChronoWeb_EOT/ChronoWebMedium.eot');
		src: local('☺︎'), url("/fonts/ChronoWeb_WOFF/ChronoWebMedium.woff") format("woff");
	}

	@font-face
	{
		font-family: 'Chrono Medium Italic';
		src: url('/fonts/ChronoWeb_EOT/ChronoWebMediumItalic.eot');
		src: local('☺︎'), url("/fonts/ChronoWeb_WOFF/ChronoWebMediumItalic.woff") format("woff");
	}

	@font-face
	{
		font-family: 'Chrono Light';
		src: url('/fonts/ChronoWeb_EOT/ChronoWebLight.eot');
		src: local('☺︎'), url("/fonts/ChronoWeb_WOFF/ChronoWebLight.woff") format("woff");
	}

	@font-face
	{
		font-family: 'Chrono Light Italic';
		src: url('/fonts/ChronoWeb_EOT/ChronoWebLightItalic.eot');
		src: local('☺︎'), url("/fonts/ChronoWeb_WOFF/ChronoWebLightItalic.woff") format("woff");
	}
}

/* Fonts for mobile */
@media screen and (max-device-width: 480px)
{
	@font-face
	{
	    font-family: "Chrono Regular";
	    src: url("/fonts/ChronoWeb_WOFF/ChronoWebRegular.woff") format("woff");
	}

	@font-face
	{
	    font-family: "Chrono Medium";
	    src: url("/fonts/ChronoWeb_WOFF/ChronoWebMedium.woff") format("woff");
	}

	@font-face
	{
	    font-family: "Chrono Medium Italic";
	    src: url("/fonts/ChronoWeb_WOFF/ChronoWebMediumItalic.woff") format("woff");
	}

	@font-face
	{
	    font-family: "Chrono Light";
	    src: url("/fonts/ChronoWeb_WOFF/ChronoWebLight.woff") format("woff");
	}

	@font-face
	{
	    font-family: "Chrono Light Italic";
	    src: url("/fonts/ChronoWeb_WOFF/ChronoWebLightItalic.woff") format("woff");
	}
}

/* ----- RESET BROWSER DEFAULTS ----- */
*
{
	margin: 0;
	padding: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: normal;
}

a img
{
	outline: none;
}

ul
{
	list-style: none;
}
	
html
{
	min-width: 344px;
	padding: 5px 20px;
}

body
{
	background: #1a1b1f;
	color: #ebebeb;
;
	
	font-family: "Chrono Regular";
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	line-height: 24px;
	
	max-width: 920px;
	margin: 0 auto 0 auto;
	padding: 2em 0 2em 0;
	
	font-size: 16px;
	line-height: 1.4em;
}

strong
{
	font-family: "Chrono Medium";
	font-weight: normal;
	color: #4db99c;

}

em
{
	font-family: "Chrono Medium Italic";
	font-style: normal;
}

h1,
h2,
h3,
h4
{
	font-family: 'Chrono Light Italic';
}

h1
{
	font-size: 7em;
	line-height: 1em;
	color: #cd3b44;
	margin: 0.15em 0 0.15em 0;
	letter-spacing: -8px;
}

h2
{
	font-size: 4em;
	line-height: 1em;
	color: #fcc969;
	margin: 0.5em 0 0.15em 0;
	letter-spacing: -4px;
}

h3
{
	letter-spacing: -1px;
	font-size: 2em;
	margin: 1em 0 0.3em 0;
	font-family: 'Chrono Medium Italic';
	color: #9a4b91;
}

p
{
	margin: 0.5em 0 1em 0;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #ebebeb;
}

ul
{
	margin: 1em 0 1em 0;
	list-style: disc;
}

li
{
	margin: 0.15em 0;
	font-size: 1.3em;
	line-height: 1.5em;
}


a
{
	color: #3096bd;
	text-decoration: underline;
}

hr
{
	border: 0px solid #ccc;
	border-bottom: 1px solid #333;
	margin-top: 2em;
}

code
{	
	color: #e27834;
}

blockquote
{
/* 	padding: 0.1em 0 0.1em 1em; */
	margin: 1em 0 1em 3em;
/* 	border-left: 3px solid #333; */
}