/****************************************/

/* FONTS

/****************************************/



/* Fonts */

/*

@font-face {

    font-family: 'SimplerPro';

    src: url('../fonts/simplerpro-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

*/

@font-face {

    font-family: 'BebasNeue';

    src: url('../fonts/bebasneue-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'MeodedSerif';

    src: url('../fonts/meoded_serif_bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

/*

@font-face {

    font-family: 'MeodedSans';

    src: url('../fonts/meoded_sans-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

*/

/***/















/****************************************/

/* CSS VARIABLES

/****************************************/

:root {



	/* Colors */

	--black-color: 		#0e0e0e;

	--dark-color: 		#231f20;

	--grey-color:		#cedbe1; 

	--light-color:		#faf9f9;

	--white-color:		#ffffff; /**/

	

	--cold-color:		#0293cb; /**/

	--cool-color:		#00aeef; /**/

	--warm-color:		#cce330; /**/

	--hot-color:		#fff200; /**/

	

	--success-color: 	#000000;

	--danger-color:		#f44336; 

	--warning-color: 	#f44336; /**/

	--info-color: 		#000000;  

	

	--primary-color:	#084a67; /**/

	--secondary-color:	#00a8f1; /**/

	--fancy-color:		#00405b;

	--link-color:		#00405b; /**/

	--link-hover-color:	#3693bb; /**/

	

}

/****************************************/









/****************************************/

/* RESET

/****************************************/



/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	/* Sharpen */

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

			box-sizing: border-box;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/***/











/********************************************************************************/

/* HTML ELEMENTS

/********************************************************************************/

html {

	font-size: 62.5%;

	-webkit-text-size-adjust: 100%;

		-ms-text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility !important;

}

body {

	position: relative;

	min-height: 100vh;

	overflow-x: hidden;

	/*font-family: 'SimplerPro', Arial, sans-serif;*/

	font-family: 'Heebo', sans-serif;

	font-weight: 400;

	font-size: 16px;

	line-height: 1.25;

}

a {

	text-decoration: none;

	color: var(--link-color);

	-webkit-transition: color 0.2s ease;

			transition: color 0.2s ease;

}

a:hover, 

a:active, 

a:focus {

	color: var(--link-hover-color);

}

h1,

h2,

h3,

h4,

h5 {

	margin: 0.5em 0 0.25em 0;

	font-family: 'MeodedSerif', sans-serif;

	line-height: 0.9;

}

h1 {

	font-size: 3.75em;

}

h2 {

	font-size: max(4.5vw,32px);

}

h3 {

	font-size: min(2.6667em,48px);

}

h4 {

	font-size: 1.45em;

}

h5 {	

	font-size: 1em;

}

p:not(:last-child),

ul:not(:last-child),

ol:not(:last-child),

table:not(:last-child) {

    margin-bottom: 1em;

}

p + ul,

p + ol {

	margin-top: -0.5em;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

figure {

	overflow: hidden;

} 

figure > img {

	display: block;

	max-width: 100%;

	height: auto;

}

b,

strong {

	font-weight: 700;

}

small {

    font-size: 75%;

}

big {

    font-size: 125%;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

textarea{ 

	resize: none; 

	overflow: hidden; 

}





@media (min-width: 1200px) {

	body {

		font-size: 18px;

	}

}

/*

@media (min-width: 1600px) {

	body {

		font-size: 20px;

	}

}

*/



/********************************************************************************/