:root {
	--grid-gutter: 1.25rem;
	--grid-margin: 5rem;
	--grid-margin-negative: -5rem;
	--grid-columns: 12;
	--context: 1440;
	/**/
	--color-white: 255, 255, 255;
	--color-windsor: 4, 26, 42;
	--color-wedgewod: 80, 129, 162;
	--gradient-1: linear-gradient(90deg, #041A2A 50%, #477594 100%);
	--gradient-2: linear-gradient(90deg, #041A2A 25%, #5081A2 100%);
	/**/
	--border-radius-m: 1rem;
	--border-radius-s: 0.5rem;
	--letter-spacing:  -0.015em;
	--ease-handle: cubic-bezier(0.15, 0.72, 0.33, 0.93);
	--filter-blur: blur(1.5rem);
    --border-radius: 1.5rem;
    --border-radius-min: 1rem;
    --one-column: calc((100vw - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns));
	--cut: 15rem;
	--parallax-height: 25%;
}


@media (max-width: 1180px) and (min-width: 681px) {
	
	:root {
		--grid-gutter: 1.25rem;
		--grid-margin: 2.5rem;
		--grid-margin-negative: -2.5rem;
		--grid-columns: 8;
		--context: 820;
		--cut: 11.5rem;
	}
	
}

@media (max-width: 680px) {
	
	:root {
		--grid-gutter: 1rem;
		--grid-margin: 2rem;
		--grid-margin-negative: -2rem;
		--grid-columns: 4;
		--context: 402;
		--cut: 7.5rem;
	}
	
}