:root {
	--cl1: #e51a24;
	--cl2: #000000;
	--cl3: #6e071c;
	--cl4: #f20b17;
	--cl5: #F9F7F5;	
	--cl-copy: var( --cl3);
	--cl-headlines: var( --cl1);
	--cl-links: var( --cl1);
	--cl-links-hover: var( --cl3);
	--cl-links-active: var( --cl3);
	--cl-input-bg: var( --cl3);
	--font-hl: 'Montserrat', sans-serif;
	--font-copy: 'Lato', sans-serif;
	--font-button: 'Montserrat', sans-serif;
	--sm: clamp(.7rem,1.1vw,.85rem);
	--md: clamp(.9rem,1.3vw,1.1rem);
	--lg: clamp(1.1rem,1.6vw,2rem);
	--xl: clamp(1.3rem,2.5vw,2.7rem);
	--xxl: clamp(1.5rem,4vw,4rem);
	--xxxl: clamp(1.7rem,6vw,6rem);
	--grid-gap: var( --sp2);
	--header-height: clamp(3.4rem,6vw,5.5rem);
	--sp1: clamp(.5rem, 1.1vw, 3rem);
	--sp2: calc( var( --sp1) * 2 );
	--sp3: calc( var( --sp1) * 3 );
	--sp4: calc( var( --sp1) * 4 );
	--sp5: calc( var( --sp1) * 5 );
	--sp6: calc( var( --sp1) * 6 );
	--sp7: calc( var( --sp1) * 7 );
	--sp8: calc( var( --sp1) * 8 );
	--sp9: calc( var( --sp1) * 9 );
	--sp10: calc( var( --sp1) * 10 );
	--sp-half: calc( var( --sp1) / 2 );
	--sp-quarter: calc( var( --sp1) / 4 );
	--indent: var( --sp2);
	--indent-sides: clamp(1rem,5vw,8rem);
	--btn-height: clamp(2.2rem,2.9vw,3.1rem);
	--btn-padding-horizontal: clamp(.8rem,2.8vw,2.5rem);
	--btn-padding-vertical: clamp(0.2rem,1vw,0.7rem);
	--btn-gap: clamp(0.3rem, 0.5vw, 0.6rem);
	--btn-radius: clamp(.2rem,1vw,.5rem);
	--btn-border-width: 1px;
	--max-content-width: 80rem;
	--headline-shift: clamp(1rem, 10.5vw, 12rem);
	--section-height: clamp(16rem, 45vw, 50rem);
	--section-space: var( --sp4);
	--lh-sm: 140%;
	--lh-md: 135%;
	--lh-lg: 120%;
	--lh-xl: 120%;
	--lh-xxl: 109%;
	--lh-xxxl: 100%;
	--mb-sm: calc(var(--sm)/2);
	--mb-md: calc(var(--md)/2);
	--mb-lg: calc(var(--lg)/2);
	--mb-xl: calc(var(--xl)/2);
	--mb-xxl: calc(var(--xxl)/2);
	--mb-xxxl: calc(var(--xxxl)/2);	
	--fw-light: 300;
	--fw-regular: 400;
	--fw-bold: 700;
	--icon-stroke-width: clamp(1px,.5vw,1px);
	--line: 1px;
}