:root {
	--rem-base:10px;
	--font-size-base:2.3rem;
	--line-height-base:1.25;
	--vertical-rhythm:1.25em;
	--color-brand:#bdd9ff;
	--color-brand-dark:#71adff;
	--color-brand-light:white;
	--secondary-color:#fff;
	--base-text-color:#bdd9ff;
	--base-link-color:#2481ff;
	--h1-h6-color:var(--secondary-color);
	--animation-duration:0.3s;
	--animation-timing-function:ease;
	--gutter:20px;
	--h1:9rem;
	--h2:7.2rem;
	--h3:6rem;
	--h4:4.8rem;
	--h5:3rem;
	--h6:18px;
	--p:25px;
	--p-lg:26px;
	--p-md:21px;
	--p-sm:18px;
	--btn-y:19px;
	--btn-x:16px;
	--btn-b:2px;
	--btn-r:8px;
	--btn-fz:2.4rem;
	--input-y:25px;
	--input-x:29px;
	--input-b:5px;
	--input-r:0;
	--input-fz:18px;
	--input-fz-b:24px;
}

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

@media (max-width:1680px) {
	:root {
		--h1:8rem;
		--h2:6.2rem;
		--h3:5rem;
		--h4:4.2rem;
		--h5:28px;
		--h6:19px;
	}
}

@media (max-width:1440px) {
	:root {
		--h1:6rem;
		--h2:5.2rem;
		--h3:4rem;
		--h4:3.8rem;
		--h5:24px;
		--h6:16px;
		--input-y:15px;
		--input-x:15px;
		--input-b:3px;
		--input-r:0;
		--input-fz:14px;
		--input-fz-b:2.2rem;
	}
}

@media (max-width:1200px) {
	:root {
		--p:21px;
		--p-lg:23px;
		--p-md:18px;
		--p-sm:16px;
	}
}

@media (max-width:1024px) {
	:root {
		--p:19px;
		--p-lg:21px;
		--p-md:16px;
		--p-sm:14px;
		--btn-y:10px;
		--btn-x:26px;
		--btn-b:3px;
		--btn-r:0;
		--btn-fz:1.8rem;
	}
}

@media (max-width:768px) {
	:root {
		--h1:5rem;
		--h2:4.2rem;
		--h3:3rem;
		--h4:2.8rem;
		--h5:22px;
		--h6:16px;
		--input-y:10px;
		--input-x:10px;
		--input-b:3px;
		--input-r:0;
		--input-fz:14px;
		--input-fz-b:14px;
	}
}

@media (max-width:667px) {
	:root {
		--h1:40px;
		--h2:38px;
		--h3:28px;
		--h4:24px;
		--h5:18px;
		--h6:16px;
		--p:17px;
		--p-lg:19px;
		--p-md:15px;
		--p-sm:13px;
		--btn-y:1rem;
		--btn-x:2rem;
		--btn-b:3px;
		--btn-r:0;
		--btn-fz:14px;
	}
}