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

/* Webfonts */


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

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

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

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

@font-face {
	font-family: 'Atlas Typewriter Web';
	src: url("AtlasTypewriterWebBlack.eot");
	src: url("AtlasTypewriterWebBlack.eot-#iefix") format('embedded-opentype'),
		 url("AtlasTypewriterWebBlack.woff") format('woff'),
		 url("AtlasTypewriterWebBlack.ttf") format('truetype'),
		 url("AtlasTypewriterWebBlack.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;
}

.copy-text, p2 {
	font-family: "Atlas Typewriter Web", sans-serif;
	font-size: 1.0em; 
	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;		
}