/* TYPOGRAPHY
/* ---------------------------------------------------------------------- */

/* Webfonts */


@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('../fonts/Atlas Grotesk Web-Regular.eot');
	src: url('../fonts/Atlas Grotesk Web-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Grotesk Web-Regular.woff') format('woff'),
		 url('../fonts/Atlas Grotesk Web-Regular.ttf') format('truetype'),
		 url('../fonts/Atlas Grotesk Web-Regular.svg#Atlas Grotesk Web') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('../fonts/Atlas Grotesk Web-Bold.eot');
	src: url('../fonts/Atlas Grotesk Web-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Grotesk Web-Bold.woff') format('woff'),
		 url('../fonts/Atlas Grotesk Web-Bold.ttf') format('truetype'),
		 url('../fonts/Atlas Grotesk Web-Bold.svg#Atlas Grotesk Web') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('../fonts/Atlas Grotesk Web-Black.eot');
	src: url('../fonts/Atlas Grotesk Web-Black.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Grotesk Web-Black.woff') format('woff'),
		 url('../fonts/Atlas Grotesk Web-Black.ttf') format('truetype'),
		 url('../fonts/Atlas Grotesk Web-Black.svg#Atlas Grotesk Web') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Typewriter Web';
	src: url('../fonts/Atlas Typewriter Web-Regular.eot');
	src: url('../fonts/Atlas Typewriter Web-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Typewriter Web-Regular.woff') format('woff'),
		 url('../fonts/Atlas Typewriter Web-Regular.ttf') format('truetype'),
		 url('../fonts/Atlas Typewriter Web-Regular.svg#Atlas Typewriter Web') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Typewriter Web';
	src: url('../fonts/Atlas Typewriter Web-Black.eot');
	src: url('../fonts/Atlas Typewriter Web-Black.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Typewriter Web-Black.woff') format('woff'),
		 url('../fonts/Atlas Typewriter Web-Black.ttf') format('truetype'),
		 url('../fonts/Atlas Typewriter Web-Black.svg#Atlas Typewriter Web') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
}

/* ---------------------------------------------------------------------- */

body {
  	font-size:100%;
	color: #000;	
	/*text-shadow: 1px 2px 1px #fffff80/1f;*/
}

h1 {
	font-family:"Atlas Grotesk Web", sans-serif;
	font-size: 4em;
	line-height: 1em; 
	font-weight: 900;
}

h2 {
	font-family:"Atlas Grotesk Web", sans-serif;
	font-size: 2.5em;
	line-height: 1.3em; 
	font-weight: 900;
}

h3 {
	font-family: "Atlas Typewriter Web", sans-serif;
	font-size: 1.3em; 
	margin-bottom: 0.5em;
	font-weight: 400;
}

.copy-text, p, h3 {
	font-family: "Atlas Typewriter Web", sans-serif;
	font-size: 1.3333333em; 
	line-height: 1.5em;
}

.award-text, .link-button-text {
	font-family: "Atlas Typewriter Web", sans-serif;
	font-size: 1em; 
	line-height: 1.4em;
}

.typewriter, #footer, .kb-hint {
	font-family: "Atlas Typewriter Web","Courier New", Courier, monospace;
	font-size: 0.7em; 
	letter-spacing: 0.2em;
}

/* no ios text size adjustment to avoid linebreak. */
.kb-hint {
	-webkit-text-size-adjust: 100%;
}

.logo {
	font-family: "Atlas Typewriter Web", sans-serif;
	font-size: 1.5em; 
	line-height: 1em;
	font-weight: 900;
	letter-spacing:0.05em;
}

.menu-item, .menu-level2-item {
	font-family: "Atlas Typewriter Web", sans-serif;
	font-size: 0.9em; 
	font-weight: 400;	
}

.menu-touch-item {
	font-family: "Atlas Typewriter Web", sans-serif;
	font-size: 12px; 
	font-weight: 400;		
}
