/* ================================================================
**	FONT FACE
** ================================================================ */

@font-face {
	font-family: 'novecento_wide_bookbold';
	src: url('../fonts/Novecento/novecentowide-bold-webfont.eot');
	src: url('../fonts/Novecento/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Novecento/novecentowide-bold-webfont.woff') format('woff'),
		 url('../fonts/Novecento/novecentowide-bold-webfont.ttf') format('truetype'),
		 url('../fonts/Novecento/novecentowide-bold-webfont.svg#novecento_wide_bookbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/Icomoon/icomoon.eot?olcq4d');
	src:url('../fonts/Icomoon/icomoon.eot?#iefixolcq4d') format('embedded-opentype'),
		url('../fonts/Icomoon/icomoon.ttf?olcq4d') format('truetype'),
		url('../fonts/Icomoon/icomoon.woff?olcq4d') format('woff'),
		url('../fonts/Icomoon/icomoon.svg?olcq4d#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Icomoon
/* ============================= */

[class^="icon-"], [class*=" icon-"] {
	color: #000;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-chevron-left:before {
	content: "\e608";
}
.icon-chevron-right:before {
	content: "\e609";
}
.icon-chevron-up:before {
	content: "\e60a";
}
.icon-chevron-down:before {
	content: "\e607";
}
.icon-anonym:before {
	content: "\e600";
}
.icon-btn-close:before {
	content: "\e601";
}
.icon-btn-play:before {
	content: "\e602";
}
.icon-dude-bubble:before {
	content: "\e603";
}
.icon-dude-splash:before {
	content: "\e604";
}
.icon-larare:before {
	content: "\e605";
}
.icon-quiz:before {
	content: "\e606";
}


/* Headings
/* ============================= */

h1, h2, h3, h4, h5, h6 {
	font-family: 'novecento_wide_bookbold';
	margin: 0;
	font-weight: normal;
	line-height: 1.1;
	text-rendering: optimizeLegibility;
	color: #000;
}

h1 {
	font-size: 74px;
	line-height: 65px;
	margin-bottom: 30px;
	letter-spacing: -3px;
}

h1 span {
	font-size: 46px;
	line-height: 1;
	text-decoration: underline;
	display: block;
}

h1.site-logo {
	font-size: 20px;
	line-height: 20px;
}


/* Links
/* ============================= */

a {
	text-decoration: none;
	color: #000;
}

a:hover,
a:focus {
	text-decoration: none;
}


/* ================================================================
 *	MEDIA QUERIES
/* ================================================================ */

@media all and (max-width: 768px) {

	h1 {
		font-size: 50px;
		line-height: 50px;
	}

	h1 span {
		font-size: 35px;
  	}

}