:root {
	--rem-base:10px;
	--base-font:TT Commons Pro, Arial, Helvetica Neue, Helvetica, sans-serif;
	--base-font-size:16px;
	--base-line-height:1.75;
	--vertical-rhythm:calc(var(--base-line-height) * 1em);
	--fz-sm:14px;
	--lh-sm:1.57;
	--fz-md:18px;
	--lh-md:1.666;
	--fz-lg:20px;
	--lh-lg:1.8;
	--color-white:#fff;
	--color-black:#000;
	--color-blue:#83c6f9;
	--color-blue-light:#aedcff;
	--color-gray-light:#f9faff;
	--color-orange:#f5b86d;
	--color-pink:#da375e;
	--color-pink-light:#eb4b70;
	--color-martin:#2c314c;
	--color-martin-light:#28305d;
	--color-accent:var(--color-pink);
	--btn-bg-primary:var(--color-martin);
	--btn-bg-hover-primary:var(--color-martin-light);
	--btn-bg-accent:var(--color-pink);
	--btn-bg-hover-accent:var(--color-pink-light);
	--color-comet:#4e536f;
	--color-mirage:#141728;
	--color-mischka:#d5d8e6;
	--color-santas-gray:#9da1b8;
	--base-text-color:var(--color-comet);
	--h1-h6-color:var(--color-mirage);
	--animation-duration:.3s;
	--animation-timing-function:ease;
	--gutter:25px;
	--h1:4.2rem;
	--h2:4rem;
	--h3:3.4rem;
	--h4:3rem;
	--h5:2.4rem;
	--h6:18px;
}

@media (min-width:812px) and (max-height:414px) and (orientation:landscape) {
	:root {
		--gutter:50px;
	}
}

@media (max-width:991px) {
	:root {
		--fz-md:16px;
		--fz-lg:16px;
		--h1:3.6rem;
		--h2:3.4rem;
		--h3:3rem;
		--h4:2.8rem;
		--h5:2.4rem;
		--h6:16px;
	}
}

@media (max-width:666px) {
	:root {
		--h1:3rem;
		--h2:2.8rem;
		--h3:2.6rem;
		--h4:2.4rem;
		--h5:2.2rem;
		--h6:16px;
	}
}

@media (max-width:374px) {
	:root {
		--h1:2.6rem;
		--h2:2.4rem;
		--h3:2.2rem;
		--h4:2rem;
		--h5:1.8rem;
		--h6:16px;
	}
}