@charset "UTF-8";

@font-face {
    font-family: 'Classico';
    src: url('../fonts/ClassicoBold.woff2') format('woff2'),
        url('../fonts/ClassicoBold.woff') format('woff'),
        url('../fonts/ClassicoBold.ttf') format('truetype'),
        url('../fonts/ClassicoBold.svg#ClassicoBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Classico';
    src: url('../fonts/ClassicoRegular.woff2') format('woff2'),
        url('../fonts/ClassicoRegular.woff') format('woff'),
        url('../fonts/ClassicoRegular.ttf') format('truetype'),
        url('../fonts/ClassicoRegular.svg#ClassicoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
	/*	sizing */
    --ss:100/393;
/*	colours */
    --white:#ffffff;
	--black:#000000;
	--cream:#F5F1DD;
	--lcream:#FAF8EE;
    --orange:#D17B5D;
	--lblue:#A3B4B7;
	--dblue:#3D454D;
	--gold:#D1B691;
	--dred:#4E1E15;

/*	font-families */
	--ff:'Montserrat', 'Arial', 'Helvetica', sans-serif;
    --hff:'Classico', 'Arial', 'Helvetica', sans-serif;
	
	--h1:normal 700 calc(var(--ss)*47vw) / 1.04em var(--hff);
	--h2:var(--h1);
	--h3:normal 700 calc(var(--ss)*24vw) / 1.17em var(--hff);
	--h4:normal 500 calc(var(--ss)*16vw) / normal var(--ff);
	
	--sub:normal 500 calc(var(--ss)*16vw) / normal var(--ff);
	
	--p1:normal 300 calc(var(--ss)*16vw) / 1.25em var(--ff);
	--footer:normal 300 calc(var(--ss)*20vw) / calc(var(--ss)*25vw) var(--ff);
	--footera:normal 300 calc(var(--ss)*14vw) / 1em var(--ff);
	--footers:normal 300 calc(var(--ss)*12vw) / 1.3em var(--ff);
	--btn:normal 300 calc(var(--ss)*16vw) / 1.25em var(--ff);
	--nav:normal 700 calc(var(--ss)*24vw) / 1em var(--hff);
	
	--hpad:calc(var(--ss)*30vw);
	--vpad:calc(var(--ss)*55vw);
	
	--hpad-l:var(--hpad);
	
	--header-height:calc(var(--ss)*71vw);
	--banner-height:0vw;
	
	--bounce-right: 2s bounceright 2.5s infinite;
	--bounce-left: 2s bounceleft 2.5s infinite;
	--bounce-down: 2s bouncedown 2.5s infinite;
	
	--ls02:0.02em;
}

.has-banner.very-top{
	--banner-height:calc(var(--ss)*45vw);
}

@media(min-width:769px){
	:root{
		/*	sizing */
    	--ss:100/1440;
		
		--h1:normal 700 calc(var(--ss)*65.8777vw) / 1.04em var(--hff);
		--h2:normal 700 calc(var(--ss)*47vw) / 1.17em var(--hff);
		--h3:normal 700 calc(var(--ss)*32vw) / 1.17em var(--hff);
		
		--h4:normal 500 calc(var(--ss)*22.4vw) / normal var(--ff);
		
		--sub:normal 500 calc(var(--ss)*22.4vw) / normal var(--ff);
		
		--p1:normal 300 calc(var(--ss)*16vw) / 1.25em var(--ff);
		--nav:normal 300 calc(var(--ss)*14vw) / 1em var(--ff);
		--footer:var(--p1);
		
		--hpad:calc(var(--ss)*70vw);
		--vpad:calc(var(--ss)*60vw);
		--hpad-l:calc(var(--ss)*182vw);
	
		--header-height:calc(var(--ss)*86vw);
		
	}
	.has-banner.very-top{
		--banner-height:calc(var(--ss)*57vw);
	}
}

@media(min-width:1441px){
	:root{
		--h1:normal 700 4.11731rem / 1.04em var(--hff);
		--h2:normal 700 2.938rem / 1.17em var(--hff);
		--h3:normal 700 2rem / 1.17em var(--hff);
/*		--h3:normal 700 1.5rem / 1.17em var(--hff);*/
		--h4:normal 500 1.40163rem / normal var(--ff);
		
		--sub:normal 500 1.40163rem / normal var(--ff);
		
		--p1:normal 300 1rem / 1.25em var(--ff);
		--nav:normal 300 0.87381rem / 1em var(--ff);
		--footer:var(--p1);
		--footera:normal 300 0.875rem / 1em var(--ff);
		--footers:normal 450 0.75rem / 1.3em var(--ff);
		--btn:normal 300 1rem / 1.2em var(--ff);
		
		--hpad:4.375rem;
		--hpad-l:11.4rem;
		--vpad:3.4375rem;
		
		--header-height:5.39775rem;
		--banner-height:0rem;
/*		--ls02:0.02em;*/
	}
	.has-banner.very-top{
		--banner-height:3.5625rem;
	}
}