:root {
	--rem-base:10px;
	--font-size-base:20px;
	--line-height-base:1.4;
	--vertical-rhythm:calc(var(--line-height-base) * 1em);
	--color-brand:#282a29;
	--color-brand-dark:#030303;
	--color-brand-light:#4d514f;
	--color-secondary:#2b2e38;
	--base-text-color:#282a29;
	--base-link-color:black;
	--h1-h6-color:var(--secondary-color);
	--animation-duration:.3s;
	--animation-timing-function:ease;
	--input-x:16px;
	--input-y:11px;
	--container:1300px;
	--grid-gutter:15px;
	--gutter:20px;
	--input-color:#282a29;
	--input-placeholder-color:#5a5e5c;
	--input-bg-color:white;
	--input-radius:0;
	--input-border-color:#282a29;
	--input-focus-border-color:#080808;
	--form-theme-color:#282a29;
	--checkbox-size:15px;
	--radio-size:15px;
	--label-fz:13px;
	--label-color:#282a29;
	--error-color:#e04562;
	--error-bg-color:#fadee3;
	--form-col-gutter:15px;
	--form-row-margin:22.5px;
	--h1:8.8rem;
	--h2:5.6rem;
	--h3:4rem;
	--h4:3.2rem;
	--h5:2.5rem;
	--h6:22px;
	--btn-y:8px;
	--btn-x:16px;
	--btn-b:1px;
	--btn-r:0;
	--btn-fz:16px;
}

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

@media (max-width:1024px) {
	:root {
		--h1:64px;
		--h2:48px;
		--h3:40px;
		--h4:32px;
		--h5:25px;
		--h6:22px;
	}
}

@media (max-width:667px) {
	:root {
		--btn-y:1rem;
		--btn-x:2rem;
		--btn-b:1px;
		--btn-r:0;
		--btn-fz:16px;
	}
}

@media (max-width:568px) {
	:root {
		--h1:46px;
		--h2:40px;
		--h3:30px;
		--h4:32px;
		--h5:25px;
		--h6:22px;
	}
}