:root {
	--color1: #004676;
	--color1-darken: #28883c;
	--color1-lighten: #7bce8c;
	--color2: #535860;
	--color3: #a5aab1;
	--color4: #666;
	--color5: #333;
	--font-hl: 'Open Sans', sans-serif;
	--font-copy: 'Open Sans', sans-serif;
	--font-button: 'Roboto', sans-serif;
	--sm: .7rem;
	--md: .9rem;
	--lg: 1rem;
	--xl: 1.2rem;
	--xxl: 1.4rem;
	--xxxl: 1.6rem;
	--grid__gutter: 1.5rem;
	--header-height: clamp(4.5rem,10vw,11rem);
	--indent: 1rem;
	--button-height: 2.5rem;
	--button-radius: .2rem;
	--vspace1: 1.5rem;
}
@media screen and (min-width: 768px){
	:root {
		--sm: .8rem;
		--md: 1.05rem;
		--lg: 1.5rem;
		--xl: 1.7rem;
		--xxl: 1.8rem;
		--xxxl: 3rem;
		--grid__gutter: 2rem;
		--indent: 2rem;
		--button-height: 3rem;
		--button-radius: .3rem;
		--vspace1: 2.5rem;
	}
	
}
@media screen and (min-width: 992px){
	:root {
		--sm: 0.9rem;
		--md: 1.15rem;
		--lg: 1.3rem;
		--xl: 1.6rem;
		--xxl: 2rem;
		--xxxl: 5rem;
		--grid__gutter: 3rem;
	}
	
}
@media screen and (min-width: 1200px){
	:root {
		--sm: .98rem;
		--md: 1.15rem;
		--lg: 1.4rem;
		--xl: 1.7rem;
		--xxl: 2.5rem;
		--xxxl: 5rem;
		--grid__gutter: 3rem;
		--vspace1: 3rem;
	}
	
}
@media screen and (min-width: 1400px){
	:root {
		--xl: 2.1rem;
		--xxl: 3rem;
	}
	
}