@charset 'UTF-8';

@font-face {
	font-family: "museo-sans", sans-serif;
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "museo-sans", sans-serif;
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "museo", serif;
    font-weight: 300;
    font-style: normal;
}

:root{
/*	sizing */
    --ss:100/1366;
/*	colours */
    --orange:#ED6842;
    --orange40:rgba(237, 104, 66, 0.4);
	--red:#ED6842;
    --red40:rgba(237, 104, 66, 0.4);
    --pink:#F8C2B2;
    --yellow:#D8A438;
    --yellow40:#EFDAAF;
    --green:#364132;
    --lgreen:#7A896F;
	--lgreen40:rgba(122, 137, 111, 0.4);
	--dgreen:#364132;
	--dgreen40:rgb(54, 65, 50, 0.4);
    --white:#FFFFFF;
    --dgrey:#0F1E1E;
	--black:#000000;
	
	--fc1:var(--dgrey);
	--fc2:var(--white);

/*	font families */
	--hff:"museo", serif;
	--ff:"museo-sans", sans-serif;

    --h1:normal 300 calc(var(--ss)*40vw) / calc(var(--ss)*48vw) var(--hff); 
	--h2:var(--h1); 
	--h3:normal 500  calc(var(--ss)*16vw) / calc(var(--ss)*19vw) var(--hff);
	--hl:normal 300 calc(var(--ss)*99vw) / calc(var(--ss)*99vw) var(--hff); 

    --sh1:normal 500 calc(var(--ss)*18vw) / calc(var(--ss)*20vw) var(--ff);
    --sh2:normal 500 calc(var(--ss)*26vw) / calc(var(--ss)*31vw) var(--ff);
	--sh4:normal 500 calc(var(--ss)*14.5vw) / calc(var(--ss)*14.5vw) var(--ff);
	
	--p1:normal 300 calc(var(--ss)*18vw) / calc(var(--ss)*22vw) var(--ff);
	--p2:normal 500 calc(var(--ss)*20vw) / calc(var(--ss)*28vw) var(--ff);
	--p3:normal 300 calc(var(--ss)*15vw) / calc(var(--ss)*18vw) var(--ff);
    --ps:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*14vw) var(--ff);

    --btn:normal 500 calc(var(--ss)*15vw) / calc(var(--ss)*15vw) var(--ff);
	--link:normal 500 calc(var(--ss)*17vw) / calc(var(--ss)*17vw) var(--ff);
	--nav:var(--btn);
	--footer-btn:normal 500 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) var(--ff);
	--form:var(--p3);

    --border: calc(var(--ss)*2.5vw) solid var(--white);

    --border-radius:calc(var(--ss)*10vw);

    --hpad:calc(var(--ss)*92vw);
	--vpad:calc(var(--ss)*50vw);
	
	--header-height:calc(var(--ss)*113vw);
	--banner-height:0;
}

body.has-under-banner {
	--banner-height:calc(var(--ss)*90vw);
}

@media (min-width:769px) {
	body.has-top-banner {
		--banner-height:calc(var(--ss)*45vw);
	}
}

@media (max-width:768px) {
    :root{
    /*	sizing */
        --ss:100/375;
    
        --h1:normal 300 calc(var(--ss)*30vw) / calc(var(--ss)*36vw) var(--hff); 
		--h1-alt:normal 300 calc(var(--ss)*20vw) / calc(var(--ss)*27vw) var(--hff); 
        --h2:var(--h1); 
        --h3:normal 500 calc(var(--ss)*12vw) / calc(var(--ss)*14vw) var(--hff);
		--hl:normal 300 calc(var(--ss)*46vw) / calc(var(--ss)*46vw) var(--hff); 

        --sh1:normal 500 calc(var(--ss)*10vw) / calc(var(--ss)*13vw) var(--ff);  
        --sh2:normal 500 calc(var(--ss)*15vw) / calc(var(--ss)*18vw) var(--ff); 
		--sh3:normal 500 calc(var(--ss)*11.35vw) / calc(var(--ss)*14vw) var(--ff); 
        
        --p1:normal 300 calc(var(--ss)*14vw) / calc(var(--ss)*17vw) var(--ff);
        --p2:normal 500 calc(var(--ss)*15vw) / calc(var(--ss)*21vw) var(--ff);
        --p3:normal 300 calc(var(--ss)*15vw) / calc(var(--ss)*18vw) var(--ff);
        --ps:normal 300 calc(var(--ss)*12vw) / calc(var(--ss)*14vw) var(--ff);
    
        --btn:normal 500 calc(var(--ss)*10vw) / calc(var(--ss)*10vw) var(--ff);
		--link:normal 500 calc(var(--ss)*12vw) / calc(var(--ss)*12vw) var(--ff);
		
		--footer-btn:normal 400 calc(var(--ss)*9vw) / calc(var(--ss)*9vw) var(--ff);

		--form:var(--p1);
		
        --hpad:calc(var(--ss)*39vw);
		
		--header-height:calc(var(--ss)*64vw);
			
		--sh4:normal 500 calc(var(--ss)*7.6vw) / calc(var(--ss)*7.6vw) var(--ff);
		--banner-height:0;
		
    }
	
	body.has-under-banner {
		--banner-height:calc(var(--ss)*60vw);
	}
	
	body.has-top-banner {
		--banner-height:calc(var(--ss)*30vw);
	}
}


main{min-height:calc(100vh - calc(var(--ss)*366vw))}