@font-face {
    font-family:"MabryPro";
    src:url(/templates/presentmade/fonts/MabryPro-Regular.woff2) format("woff2"),
    url(/templates/presentmade/fonts/MabryPro-Regular.woff) format("woff");
    font-weight:400
}
@font-face {
    font-family:"MabryPro";
    src:url(/templates/presentmade/fonts/MabryPro-Medium.woff2) format("woff2"),
    url(/templates/presentmade/fonts/MabryPro-Medium.woff) format("woff");
    font-weight:500
}
@font-face {
    font-family:"MabryPro";
    src:url(/templates/presentmade/fonts/MabryPro-Bold.woff2) format("woff2"),
    url(/templates/presentmade/fonts/MabryPro-Bold.woff) format("woff");
    font-weight:600
}

@font-face {
    font-family:"TequilaAndTacos";
    src:url(/templates/presentmade/fonts/tequila_and_tacos-webfont.woff2) format("woff2"),
    url(/templates/presentmade/fonts/tequila_and_tacos-webfont.woff) format("woff");
    font-weight:400
}

:root {	
/*	sizing */
    --ss:100/1920;
/*	colours */
    --white:#FFFFFF;
	--cream:#F7F3F0;
	--l-cream:#FDFDFC;
    --black:#000000;
	--d-green:#324737;
	--placeholder:rgba(50, 71, 55, 0.5);
	--green:#4F6258;
	--l-green:#698375;
	--p-green:#98BEA9;
	--blue:#83B2D0;
/*	font-colors */
    --fc1:var(--d-green);
    --fc2:var(--cream);

/*	fonts */
    --h1:normal 500 calc(var(--ss)*80vw) / calc(var(--ss)*90vw) "MabryPro"; 
	--h1-alt:normal 500 calc(var(--ss)*60vw) / calc(var(--ss)*70vw) "MabryPro"; 
    --h2:normal 500 calc(var(--ss)*52vw) / calc(var(--ss)*70vw) "MabryPro";
	--h3:normal 500 calc(var(--ss)*40vw) / calc(var(--ss)*52vw) "MabryPro";
	--h4:normal 600 calc(var(--ss)*32vw) / calc(var(--ss)*32vw) "MabryPro";
    --p1:normal 400 calc(var(--ss)*24vw) / calc(var(--ss)*32vw) "MabryPro";
    --p2:normal 400 calc(var(--ss)*32vw) / calc(var(--ss)*38vw) "MabryPro";
	--p3:normal 500 calc(var(--ss)*16vw) / calc(var(--ss)*24vw) "MabryPro";
    --nav:normal 500 calc(var(--ss)*20vw) / calc(var(--ss)*20vw) "MabryPro";
	--btn:var(--nav);
	--form:normal 400 calc(var(--ss)*28vw) / calc(var(--ss)*38vw) "MabryPro";
	--nav-s:normal 500 calc(var(--ss)*16vw) / calc(var(--ss)*16vw) "MabryPro";
	--footer:normal 500 calc(var(--ss)*24vw) / calc(var(--ss)*24vw) "MabryPro";
	--made:normal 400 calc(var(--ss)*24vw) / calc(var(--ss)*24vw) "TequilaAndTacos";

/*	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)*127vw);
}

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

		/*	fonts */
		--h1:normal 500 calc(var(--ss)*32vw) / calc(var(--ss)*40vw) "MabryPro"; 
		--h1-alt:var(--h1); 
		--h2:normal 500 calc(var(--ss)*24vw) / calc(var(--ss)*24vw) "MabryPro";
		--h3:normal 500 calc(var(--ss)*24vw) / calc(var(--ss)*30vw) "MabryPro";
		--h4:normal 600 calc(var(--ss)*18vw) / calc(var(--ss)*22vw) "MabryPro";
		--p1:normal 400 calc(var(--ss)*16vw) / calc(var(--ss)*20vw) "MabryPro";
		--p2:var(--p1);
		--nav:normal 500 calc(var(--ss)*12vw) / calc(var(--ss)*12vw) "MabryPro";
		--btn:var(--nav);
		--form:var(--p1);
		--nav-s:normal 500 calc(var(--ss)*12vw) / calc(var(--ss)*12vw) "MabryPro";
		--footer:normal 500 calc(var(--ss)*20vw) / calc(var(--ss)*20vw) "MabryPro";
		--footer-s:normal 500 calc(var(--ss)*16vw) / calc(var(--ss)*16vw) "MabryPro";
		
		--border-radius:calc(var(--ss)*8vw);

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

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