@charset "UTF-8";

.book { font-family: "futura-pt", sans-serif;font-weight: 400;font-style: normal; }
.medium { font-family: "futura-pt", sans-serif; font-weight: 500; font-style: normal; }
.demi { font-family: "futura-pt", sans-serif; font-weight: 600; font-style: normal; }

:root {	
/*	sizing */
    --ss:100/1366;
/*	colours */
    --white:#FFFFFF;
	--black:#000000;
    --green:#30403B;
	--beige:#D8D1B3;
	--lbeige:#EBE8D9;
	--orange:#D89048;
	--cream:#EDE4DB;
	--grey:#979F9C;
	--brown:#B09F85;

/*	font-colors */
    --fc1:var(--green);
    --fc2:var(--white);
	--fc3:var(--orange);
	
/*	font-families */
	--ff:"futura-pt", sans-serif;

/*	fonts */
    --h1:normal 500 calc(var(--ss)*60vw) / calc(var(--ss)*60vw)	var(--ff); 
    --h2:normal 500 calc(var(--ss)*50vw) / calc(var(--ss)*50vw) var(--ff);
	--h3:var(--h2);
	--title:normal 600 calc(var(--ss)*28vw) / calc(var(--ss)*35vw) var(--ff);
	--key:normal 600 calc(var(--ss)*24vw) / calc(var(--ss)*31vw) var(--ff);
	--info:normal 600 calc(var(--ss)*22vw) / calc(var(--ss)*26vw) var(--ff);
    --p1:normal 400 calc(var(--ss)*26vw) / calc(var(--ss)*31vw) var(--ff);
	--small:normal 400 calc(var(--ss)*19vw) / calc(var(--ss)*25vw) var(--ff);
	--btn:normal 600 calc(var(--ss)*20vw) / calc(var(--ss)*20vw) var(--ff);
	--footer:normal 600 calc(var(--ss)*20vw) / calc(var(--ss)*20vw) var(--ff);
	--form: var(--p1);


/*	paddings */
    --vpad:calc(var(--ss)*40vw); 
	--hpad:calc(var(--ss)*40vw); 
	
/*	misc */
	--header__height:calc(var(--ss)*180vw);
	--footer__height:calc(var(--ss)*212vw);
	
}

@media(max-width:768px){
	:root{
		/*	sizing */
		--ss:100/375;
		
		/*	fonts */
			--h1:normal 500 calc(var(--ss)*25vw) / calc(var(--ss)*25vw)	var(--ff); 
			--h2:var(--h1);
			--h3:var(--h2);
			--title:normal 600 calc(var(--ss)*14vw) / calc(var(--ss)*18vw) var(--ff);
			--key:normal 600 calc(var(--ss)*10vw) / calc(var(--ss)*13vw) var(--ff);
			--info:normal 600 calc(var(--ss)*13vw) / calc(var(--ss)*15.6vw) var(--ff);
			--p1:normal 400 calc(var(--ss)*13vw) / calc(var(--ss)*15.6vw) var(--ff);
			--small:var(--p1);
			--btn:normal 600 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) var(--ff);
			--footer:normal 600 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) var(--ff);
			--form: var(--p1);
		
		
		/*	paddings */
			--vpad:calc(var(--ss)*20vw); 
			--hpad:calc(var(--ss)*20vw); 
			
		/*	misc */
			--header__height:calc(var(--ss)*100vw);
			--footer__height:calc(var(--ss)*306vw);
	}
	
}


/*  */