@font-face {
    font-family: "the-seasons", sans-serif;
	font-weight: 400;
	font-style: normal;
}
@font-face {
    font-family: "gravesend-sans", sans-serif;
	font-weight: 500;
	font-style: normal;
}
@font-face {
    font-family: "agenda-one", sans-serif;
	font-weight: 300;
	font-style: normal;
}



:root {	
/*	sizing */
    --ss:100/1920;
/*	colours */
    --white:#FFFFFF;
    --black:#000000;
	--red:#713638;
	--beige:#C0B096;
	
	
/*	font-colors */
    --fc1:var(--black);
    --fc2:var(--white);
	--fc3:var(--red);
	
/*	font-families */
	--ffh:"the-seasons", serif;
	--ffh2:"gravesend-sans", sans-serif;
	--ffb:"agenda-one", sans-serif;

/*	fonts */
    --h1:normal 400 calc(var(--ss)*80vw) / calc(var(--ss)*85vw) var(--ffh); 
    --h2:normal 500 calc(var(--ss)*38vw) / calc(var(--ss)*45vw) var(--ffh2);
	--h3:normal 500 calc(var(--ss)*20vw) / calc(var(--ss)*24vw) var(--ffh2);
	--h4:var(--h3);
    --p1:normal 300 calc(var(--ss)*26vw) / calc(var(--ss)*34vw) var(--ffb);
    --p2:normal 300 calc(var(--ss)*20vw) / calc(var(--ss)*26vw) var(--ffb);
    --nav:var(--h1);
	--footer:normal 500 calc(var(--ss)*16vw) / calc(var(--ss)*19vw) var(--ffh2);
	--small:normal 300 calc(var(--ss)*16vw) / calc(var(--ss)*18vw) var(--ffb);
	--large:normal 300 calc(var(--ss)*40vw) / calc(var(--ss)*51vw) var(--ffh);
	--form: var(--p2);
	--label: var(--h3);
	
	--ls0:normal;
	--ls2:0.2em;

/*	borders */

/*	paddings */
    --vpad:calc(var(--ss)*66vw); 
	--hpad:calc(var(--ss)*94vw); 
	
/*	misc */
	--header__height:calc(var(--ss)*134vw);
	--footer__height:calc(var(--ss)*549vw);
	
	--p-mb:calc(var(--ss)*32vw);
	
	--anim: 0.3s;
	
	--border:1px solid var(--red);
	
}


@media(max-width:768px){
	:root{
		--ss:100/390;

		/*	fonts */
		--h1:normal 400 calc(var(--ss)*30vw) / calc(var(--ss)*35vw) var(--ffh); 
		--h2:normal 500 calc(var(--ss)*20vw) / calc(var(--ss)*24vw) var(--ffh2);
		--h3:normal 500 calc(var(--ss)*12vw) / calc(var(--ss)*15vw) var(--ffh2);
		--h4:var(--h2);
		--nav:normal 400 calc(var(--ss)*49vw) / calc(var(--ss)*52vw) var(--ffh);
		--p1:normal 300 calc(var(--ss)*14vw) / calc(var(--ss)*20vw) var(--ffb);
		--p2:normal var(--p1);
		--footer:normal 500 calc(var(--ss)*8vw) / calc(var(--ss)*8vw) var(--ffh2);
		--small:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*14vw) var(--ffb);
		--large:normal 400 calc(var(--ss)*14vw) / calc(var(--ss)*18vw) var(--ffh);
		--label:normal 500 calc(var(--ss)*10vw) / calc(var(--ss)*12vw) var(--ffh2);
		--form::normal 300 calc(var(--ss)*11vw) / calc(var(--ss)*14vw) var(--ffb);

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

		--header__height:calc(var(--ss)*68vw);
		--footer__height:calc(var(--ss)*255vw);
		
	}
	
}