:root {
	--rem-base:10px;
	--font-size-base:20px;
	--line-height-base:1.5;
	--font-weight-base:500;
	--vertical-rhythm:calc(var(--line-height-base) * 1em);
	--color-brand:#fee745;
	--color-brand-dark:#f5d701;
	--color-brand-light:#fef191;
	--secondary-color:#cc27b0;
	--base-text-color:#0A2240;
	--secondary-text-color:#3d3c3d;
	--base-link-color:#a99401;
	--h1-h6-color:var(--base-text-color);
	--h-secondary-color:#ffeb60;
	--animation-duration:.3s;
	--animation-timing-function:ease;
	--input-x:27px;
	--gutter:40px;
	--border-radius-common:8px;
	--h1:48px;
	--h2:40px;
	--h3:30px;
	--h4:24px;
	--h5:20px;
	--h6:15px;
	--btn-y:13px;
	--btn-x:25px;
	--btn-b:2px;
	--btn-r:40px;
	--btn-fz:14px;
}

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

@media (max-width: 1365px) {
    body {
        --font-size-base: 14px;
    }
}

@media (max-width:1280px) {
	:root {
		--h1:40px;
		--h2:32px;
		--h3:24px;
		--h4:24px;
		--h5:18px;
		--h6:15px;
	}
}

@media (max-width:480px) {
	:root {
		--h1:28px;
		--h2:24px;
		--h3:18px;
		--h4:18px;
		--h5:15px;
		--h6:14px;
	}
}