/*------*/

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

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

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

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

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

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

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

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

/*------*/

:root {
    
    --font-reg: 'Exo2';
    --font-head: 'Exo2';
    
    --font-menu: 'Exo2';
    --font-nav: 'Exo2';
    --font-button: 'Exo2';    
    --font-countdown: 'Exo2';
    --font-cycle: 'Exo2';    
    --font-side: 'Exo2';
    --font-paragraph: 'Exo2';    
    --font-username: 'Exo2';    
    --font-input: 'Exo2';
    --font-bread: 'Exo2';    
    --font-stats: 'Exo2';    
    --font-form: 'Exo2';    
    --font-quote: 'Exo2';    
    --font-archive: 'Exo2';
    
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html,body {
	color:#000;
}

body {    
    font: 62.5%/62.5% var(--font-reg), Arial, Helvetica, sans-serif;
}

.nav {
	font-family: var(--font-head);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-head), sans-serif;
	color:#000;
	font-weight:500;
}