:root {
	--rem-base:10px;
	--font-size-base:16px;
	--line-height-base:1.34;
	--vertical-rhythm:calc(var(--line-height-base) * 1em);
	--color-brand:#fff;
	--color-brand-dark:#d9d9d9;
	--color-brand-light:white;
	--secondary-color:#fff;
	--base-text-color:#fff;
	--base-link-color:#2cfec3;
	--h1-h6-color:var(--secondary-color);
	--animation-duration:.3s;
	--animation-timing-function:ease;
	--input-x:20px;
	--gutter:20px;
	--h1:4.8rem;
	--h2:4rem;
	--h3:3.2rem;
	--h4:2.4rem;
	--h5:16px;
	--h6:16px;
	--btn-y:10px;
	--btn-x:20px;
	--btn-b:1px;
	--btn-r:3px;
	--btn-fz:13px;
}

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

@media (max-width:768px) {
	:root {
		--h1:26px;
		--h2:24px;
		--h3:20px;
		--h4:18px;
		--h5:16px;
		--h6:16px;
	}
}

@media (max-width:667px) {
	:root {
		--h1:20px;
		--h2:20px;
		--h3:18px;
		--h4:18px;
		--h5:16px;
		--h6:16px;
		--btn-y:1rem;
		--btn-x:2rem;
		--btn-b:1px;
		--btn-r:3px;
		--btn-fz:13px;
	}
}