@charset "UTF-8";

@font-face {
  font-family:'signifier-extralight';
  src:url(../fonts/test-signifier-extralight.woff2) format("woff2");
  font-display:swap;
  font-weight:300;
  font-style:normal
}
:root {	
/*	sizing */
    --ss:100/1920;
/*	colours */
    --white:#FFFFFF;
	--lightcream:#FAF7F3;
    --cream:#F4EBE1;
	--green:#6F7D68;
	--blue:#3A6B81;
	--darkblue:#04293A;
	--teal:#1A2C3B;
	--brown:#3D3936;
	--black:#000000;
	--cream-alt:#ebe8d6;

/*	font-colors */
    --fc1:var(--brown);
    --fc2:var(--lightcream);
	--fc3:var(--white);
	
/*	font-families */
	--hff:"signifier-extralight", serif;
	--ff:"freight-sans-pro", sans-serif;
	--ff2:"freight-big-pro", sans-serif;

/*	fonts */
    --h1:normal 300 calc(var(--ss)*91vw) / calc(var(--ss)*109.2vw) var(--hff); 
    --h2:normal 300 calc(var(--ss)*60vw) / calc(var(--ss)*72vw) var(--hff);
	--h3:normal 300 calc(var(--ss)*40vw) / calc(var(--ss)*48vw) var(--hff);
	--h4:normal 400 calc(var(--ss)*36vw) / calc(var(--ss)*43.2vw) var(--ff);
    --p1:normal 300 calc(var(--ss)*24.5vw) / calc(var(--ss)*29.4vw) var(--ff);
	--form:var(--p1);
	--quote:italic 400 calc(var(--ss)*54vw) / calc(var(--ss)*64.8vw) var(--ff2);
	--nav:normal 500 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) var(--ff);
	--btn:normal 700 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) var(--ff);
	--footer:normal 400 calc(var(--ss)*20vw) / calc(var(--ss)*24vw) var(--ff);


/*	paddings */
    --vpad:calc(var(--ss)*40vw); 
	--hpad:calc(var(--ss)*40vw); 
	
/*	misc */
	--header_height:calc(var(--ss)*166vw);
	--header_before_height:calc(var(--ss)*217vw);
	--footer_height:calc(var(--ss)*628vw);
	
}

@media(max-width:768px){
	:root{
		/*	sizing */
		--ss:100/375;
		
		/*	fonts */
		--h1:normal 300 calc(var(--ss)*33vw) / calc(var(--ss)*39.6vw) var(--hff); 
		--h2:var(--h1);
		--h3:normal 400 calc(var(--ss)*13.2vw) / calc(var(--ss)*15.8vw) var(--ff);
		--h4:var(--h3);
		--p1:normal 300 calc(var(--ss)*13.2vw) / calc(var(--ss)*15.8vw) var(--ff);
		--quote:italic 400 calc(var(--ss)*17.8vw) / calc(var(--ss)*21.3vw) var(--ff2);
		--nav:normal 500 calc(var(--ss)*12vw) / calc(var(--ss)*12vw) var(--ff);
		--btn:normal 700 calc(var(--ss)*12vw) / calc(var(--ss)*14vw) var(--ff);
		--footer:normal 300 calc(var(--ss)*13.2vw) / calc(var(--ss)*15.8vw) var(--ff);
		
		
		/*	paddings */
			--vpad:calc(var(--ss)*20vw); 
			--hpad:calc(var(--ss)*20vw); 
			
		/*	misc */
			--header_height:calc(var(--ss)*103vw);
			--footer_height:calc(var(--ss)*306vw);
			--header_before_height:calc(var(--ss)*117vw);
	}
	
}


/*  */