@font-face {
    font-family:"Montserrat";
    src:url(/templates/neweidyn/fonts/montserrat/montserrat-light-webfont.woff2) format("woff2"),
    url(/templates/neweidyn/fonts/montserrat/montserrat-light-webfont.woff) format("woff");
    font-weight:300
}
@font-face {
    font-family:"Montserrat";
    src:url(/templates/neweidyn/fonts/montserrat/montserrat-regular-webfont.woff2) format("woff2"),
    url(/templates/neweidyn/fonts/montserrat/montserrat-regular-webfont.woff) format("woff");
    font-weight:400
}
@font-face {
    font-family:"Montserrat";
    src:url(/templates/neweidyn/fonts/montserrat/montserrat-medium-webfont.woff2) format("woff2"),
    url(/templates/neweidyn/fonts/montserrat/montserrat-medium-webfont.woff) format("woff");
    font-weight:500
}
@font-face {
    font-family:"SangBleu";
    src:url(/templates/neweidyn/fonts/sangbleu/SangBleuKingdom-Light.woff) format("woff");
    font-weight:300;
	font-style:normal;
}

@font-face {
    font-family:"SangBleu";
    src:url(/templates/neweidyn/fonts/sangbleu/SangBleuKingdom-LightItalic.woff) format("woff");
    font-weight:300;
	font-style:italic;
}
@font-face {
    font-family:"SangBleu";
    src:url(/templates/neweidyn/fonts/sangbleu/SangBleuKingdom-Regular.woff) format("woff");
    font-weight:400;
	font-style:normal;
}
@font-face {
    font-family:"SangBleu";
    src:url(/templates/neweidyn/fonts/sangbleu/SangBleuKingdom-RegularItalic.woff) format("woff");
    font-weight:400;
	font-style:italic;
}
@font-face {
    font-family:"SangBleu";
    src:url(/templates/neweidyn/fonts/sangbleu/SangBleuKingdom-Medium.woff) format("woff");
    font-weight:500;
	font-style:normal;
}


:root {	
/*	sizing */
    --ss:100/1920;
/*	colours */
    --white:#FFFFFF;
	--l-cream:#FAF8F2;
	--cream:#EBE7E0;
    --black:#000000;
	--blue:#015F70;
	--beige:#B0AC9B;
	--grey:#4A4A4A;
	--grey-2:#707070;
	--grey-3:#969696;
	--grey-4:#9D9D9D;
	--grey-5:#BABABA;
	
	
/*	font-colors */
    --fc1:var(--grey);
    --fc2:var(--black);
	--fc3:var(--white);
	
/*	font-families */
	--ffm:"Montserrat";
	--ffs:"SangBleu";

/*	fonts */
    --h1:normal 400 calc(var(--ss)*60vw) / calc(var(--ss)*80vw) var(--ffs); 
	--h1-it:italic 400 calc(var(--ss)*60vw) / calc(var(--ss)*80vw) var(--ffs); 
    --h2:normal 400 calc(var(--ss)*40vw) / calc(var(--ss)*53vw) var(--ffs);
	--h3:var(--h2);
	--h4:var(--h2);
	--sub: italic 400 calc(var(--ss)*26vw) / calc(var(--ss)*35vw) var(--ffs);
    --p1:normal 300 calc(var(--ss)*26vw) / calc(var(--ss)*43vw) var(--ffs);
    --p2:normal 300 calc(var(--ss)*24vw) / calc(var(--ss)*32vw) var(--ffs);
    --nav:normal 300 calc(var(--ss)*16vw) / calc(var(--ss)*16vw) var(--ffm);
	--btn:normal 300 calc(var(--ss)*20vw) / calc(var(--ss)*20vw) var(--ffm);
	--footer:normal 300 calc(var(--ss)*18vw) / calc(var(--ss)*22vw) var(--ffm);
	--form:normal 300 calc(var(--ss)*26vw) / calc(var(--ss)*35vw) var(--ffs);
	--caption:normal 300 calc(var(--ss)*14vw) / calc(var(--ss)*16vw) var(--ffm);
	--info:normal 300 calc(var(--ss)*14vw) / calc(var(--ss)*18vw) var(--ffm);
	
	--small:normal 300 calc(var(--ss)*16vw) / calc(var(--ss)*19vw) var(--ffm);
	--xsmall:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*15vw) var(--ffm);

/*	borders */
    --border:1px solid var(--d-green);
	--border-light:1px solid var(--cream);
	--border-radius:calc(var(--ss)*16vw);
/*	paddings */
    --vpad:calc(var(--ss)*65vw); 
	--hpad:calc(var(--ss)*140vw); 
	
/*	misc */
	--header__height:calc(var(--ss)*90vw);
}

@media(max-width:1023px){
	:root{
		--ss:100/835;

		/*	fonts */
		--h1:normal 400 calc(var(--ss)*28vw) / calc(var(--ss)*35vw) var(--ffs); 
		--h1-it:italic 400 calc(var(--ss)*28vw) / calc(var(--ss)*35vw) var(--ffs); 
		--h2:normal 400 calc(var(--ss)*18vw) / calc(var(--ss)*30vw) var(--ffs);
		--h3:var(--h2);
		--h4:var(--h2);
		--sub: italic 400 calc(var(--ss)*12vw) / calc(var(--ss)*14vw) var(--ffs);
		--p1:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*20vw) var(--ffs);
		--p2:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*16vw) var(--ffs);
		--nav:normal 300 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) var(--ffm);
		--btn:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*12vw) var(--ffm);
		--footer:normal 300 calc(var(--ss)*11vw) / calc(var(--ss)*17vw) var(--ffm);
		--form:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*20vw) var(--ffs);
		--caption:normal 300 calc(var(--ss)*10vw) / calc(var(--ss)*12vw) var(--ffm);
		--info:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*15vw) var(--ffm);

		--small:normal 300 calc(var(--ss)*8vw) / calc(var(--ss)*10vw) var(--ffm);
		--xsmall:normal 300 calc(var(--ss)*11vw) / calc(var(--ss)*14vw) var(--ffm);

		/*	paddings */
		--vpad:calc(var(--ss)*24vw); 
		--hpad:calc(var(--ss)*59vw); 

		--header__height:calc(var(--ss)*132vw);
	}
	
}

@media(max-width:599px){
	:root{
		--ss:100/395;

		/*	fonts */
		--h1:normal 400 calc(var(--ss)*28vw) / calc(var(--ss)*47vw) var(--ffs); 
		--h1-it:italic 400 calc(var(--ss)*28vw) / calc(var(--ss)*47vw) var(--ffs); 
		--h2:normal 400 calc(var(--ss)*18vw) / calc(var(--ss)*30vw) var(--ffs);
		--h3:var(--h2);
		--h4:var(--h2);
		--sub: italic 400 calc(var(--ss)*10vw) / calc(var(--ss)*14vw) var(--ffs);
		--p1:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*20vw) var(--ffs);
		--p2:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*16vw) var(--ffs);
		--nav:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*12vw) var(--ffm);
		--btn:var(--nav);
		--footer:normal 300 calc(var(--ss)*11vw) / calc(var(--ss)*17vw) var(--ffm);
		--form:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*20vw) var(--ffs);
		--caption:normal 300 calc(var(--ss)*10vw) / calc(var(--ss)*13vw) var(--ffm);
		--info:normal 300 calc(var(--ss)*10vw) / calc(var(--ss)*18vw) var(--ffm);

		--small:normal 300 calc(var(--ss)*10vw) / calc(var(--ss)*13vw) var(--ffm);


		/*	paddings */
		--vpad:calc(var(--ss)*24vw); 
		--hpad:calc(var(--ss)*35vw); 

		--header__height:calc(var(--ss)*79vw);
	}
}