/*REGULAR*/

@font-face {
	font-family: 'HPSimplified';
	src: url("../fonts/hps/latin-e-regular-eot.eot");
	/* IE9 compat */
	src: url("../fonts/hps/latin-e-regular-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/hps/latin-e-regular-woff.woff") format("-woff.woff"), url("../fonts/hps/latin-e-regular-ttf.ttf") format("truetype");
	/*iOS, Android, Safari*/
	font-weight: normal;
	font-style: normal;
}


/*BOLD*/

@font-face {
	font-family: 'HPSimplified';
	src: url("../fonts/hps/latin-e-bold-eot.eot");
	/* IE9 compat */
	src: url("../fonts/hps/latin-e-bold-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/hps/latin-e-bold-woff.woff") format("-woff.woff"), url("../fonts/hps/latin-e-bold-ttf.ttf") format("truetype");
	/*iOS, Android, Safari*/
	font-weight: bold;
	font-style: normal;
}


/*LIGHT*/

@font-face {
	font-family: 'HPSimplifiedLight';
	src: url("../fonts/hps/latin-e-light-eot.eot");
	/* IE9 compat */
	src: url("../fonts/hps/latin-e-light-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/hps/latin-e-light-woff.woff") format("-woff.woff"), url("../fonts/hps/latin-e-light-ttf.ttf") format("truetype");
	/*iOS, Android, Safari*/
	font-weight: normal;
	font-style: normal;
}


/*REGULAR ITALIC*/

@font-face {
	font-family: 'HPSimplified';
	src: url("../fonts/hps/latin-e-regular-italic-eot.eot");
	/* IE9 compat */
	src: url("../fonts/hps/latin-e-regular-italic-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/hps/latin-e-regular-italic-woff.woff") format("-woff.woff"), url("../fonts/hps/latin-e-regular-italic-ttf.ttf") format("truetype");
	/*iOS, Android, Safari*/
	font-weight: normal;
	font-style: italic;
}


/*BOLD ITALIC*/

@font-face {
	font-family: 'HPSimplified';
	src: url("../fonts/hps/latin-e-bold-italic-eot.eot");
	/* IE9 compat */
	src: url("../fonts/hps/latin-e-bold-italic-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/hps/latin-e-bold-italic-woff.woff") format("-woff.woff"), url("../fonts/hps/latin-e-bold-italic-ttf.ttf") format("truetype");
	/*iOS, Android, Safari*/
	font-weight: bold;
	font-style: italic;
}


/*LIGHT ITALIC*/

@font-face {
	font-family: 'HPSimplifiedLight';
	src: url("../fonts/hps/latin-e-light-italic-eot.eot");
	/* IE9 compat */
	src: url("../fonts/hps/latin-e-light-italic-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/hps/latin-e-light-italic-woff.woff") format("-woff.woff"), url("../fonts/hps/latin-e-light-italic-ttf.ttf") format("truetype");
	/*iOS, Android, Safari*/
	font-weight: normal;
	font-style: italic;
}

/* GOTHAM BOLD */
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/Gotham-Bold.eot');
    src: url('../fonts/gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham/Gotham-Bold.woff') format('woff'),
        url('../fonts/gotham/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* GOTHAM MEDIUM */
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/Gotham-Medium.eot');
    src: url('../fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham/Gotham-Medium.woff') format('woff'),
        url('../fonts/gotham/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('../fonts/SharpGroteskBook25Regular.otf');
    src: url('../fonts/SharpGroteskBook25Regular.otf') format('opentype');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('../fonts/SharpGroteskBook25Regular.otf');
    src: url('../fonts/SharpGroteskBook25Regular.otf') format('opentype');
	font-weight: normal;
    font-style: normal;
}

/*Importing typography-western*/

html,
body{
	font-family: 'HPSimplifiedLight', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}


input {
	font-family: 'HPSimplifiedLight', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.3;
}

/* FONT SNIT */

h1 {
	font-size: 2.6rem;
	line-height: 1.1;
	text-transform: uppercase;
}

.h1lookalike {
	font-size: 2.6rem;
	line-height: 1.3;
	
	text-transform: uppercase;
}


h1+.lead {
	font-size: 2.125rem;
	line-height: 1.3;
	text-transform: uppercase;
}

h2 {
	font-size: 2.75rem;
	line-height: 1.3;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

h2+.lead {
	font-size: 1.5rem;
	line-height: 1.3;
	text-transform: uppercase;
}

h3 {
	font-size: 2.125rem;
	line-height: 1.3;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

h3+.lead {
	font-size: 1.25rem;
	line-height: 1.3;
	text-transform: uppercase;
}

h4 {
	font-size: 1.5rem;
	line-height: 1.3;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

h5 {
	font-size: 1.25rem;
	line-height: 1.2;
	text-transform: uppercase;
}

p {
	font-size: 1.1rem;
	line-height: 1.3;
}



footer p {
	font-size: 0.875rem;
}

p:last-child {
	margin-bottom: 0rem !important;
}

.lead {
	font-size: 1.5em;
	line-height: 2rem;
}

.normal {
	font-family: 'HPSimplified', arial, sans-serif;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold !important;
}
.gotham {
	font-family: 'Gotham', arial, sans-serif;
	font-weight: 500;
}
.grotesk {
	font-family: 'Grotesk';
}

/* FONT FARVER */

/*primary*/

h1,
h2,
h3,
h4,
h5,
p {
	color: #333333;
}


/*COLORS*/

.blue {
	color: #0096D6
}

.orange {
	color: #D7410B;
}

.premium {
	color: #c9942b;
}

.white {
	color: #fff;
}


/*neutral colors*/

.dark-grey {
	color: #757678;
}

.grey {
	color: #ACACAE;
}

.light-grey {
	color: #E0E1E4;
}


/*supporting colors*/

.turquoise {
	color: #21CCD1;
}

.light-blue {
	color: #00B3E3;
}

.dark-blue {
	color: #1159A0;
}


/*accent colors*/

.dark-yellow {
	color: #E88233;
}

.yellow {
	color: #EFA83A;
}

.light-yellow {
	color: #F9E047;
}

.dark-pink {
	color: #91283F;
}

.pink {
	color: #BF3854;
}

.light-pink {
	color: #EA4463;
}

.dark-purple {
	color: #4B3F96;
}

.purple {
	color: #6B3A96;
}

.light-purple {
	color: #A53894;
}

/* MEDIUM */
@media only screen and (max-width: 1279px) {
	html,
	body,
	input {
		font-family: 'HPSimplifiedLight', Arial, sans-serif;
		font-size: 16px;
		line-height: 1.5;
	}

	/* FONT SNIT */

	h1 {
		font-size: 2.25rem;
		line-height: 1.3;
		letter-spacing: 0.0rem;
		text-transform: uppercase;
	}

	h1+.lead {
		font-size: 1.5rem;
		line-height: 1.3;
		text-transform: uppercase;
	}

	h2 {
		font-size: 1.875rem;
		line-height: 1.3;
		letter-spacing: 0.2rem;
		text-transform: uppercase;
	}

	h2+.lead {
		font-size: 1.25rem;
		line-height: 1.3;
		text-transform: uppercase;
	}

	h3 {
		font-size: 1.5rem;
		line-height: 1.3;
		letter-spacing: 0.1rem;
		text-transform: uppercase;
	}

	h3+.lead {
		font-size: 1.125rem;
		line-height: 1.3;
		text-transform: uppercase;
	}

	h4 {
		font-size: 1.25rem;
		line-height: 1.3;
		letter-spacing: 0.1rem;
		text-transform: uppercase;
	}

	h5 {
		font-size: 1.125rem;
		line-height: 1.3;
		letter-spacing: 0.05rem;
		text-transform: uppercase;
	}

	p {
		font-size: 1.125rem;
		line-height: 1.5;
	}

	p small {
		font-size: 1rem;
	}

	footer p {
		font-size: 0.875rem;
	}
}