:root {
	--rem-base: 10px;
	--base-font-size: 2rem;
	--base-line-height: 1.7;
	--base-font-weight: 300;
	--vertical-rhythm: calc(var(--base-line-height) * 1em);
	--font-lexend: "Lexend";
	--font-oxanium: "Oxanium";
	--font-titillium: "Titillium Web";
	--base-main-font: var(--font-lexend);
	--base-font-sans-serif: "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	--base-font-serif: "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	--base-font: var(--base-main-font), var(--base-font-sans-serif);
	--accent-font: var(--font-oxanium);
	--color-white: #fff;
	--color-white--rgb: 255, 255, 255;
	--color-white--darken: #ccc;
	--color-white--lighten: white;
	--color-black: #000;
	--color-black--rgb: 0, 0, 0;
	--color-black--darken: black;
	--color-black--lighten: rgb(63.75, 63.75, 63.75);
	--color-gray-light: #f9f9f9;
	--color-gray-light--rgb: 249, 249, 249;
	--color-gray-light--darken: #c6c6c6;
	--color-gray-light--lighten: white;
	--color-blue: #324961;
	--color-blue--rgb: 50, 73, 97;
	--color-blue--darken: rgb(15.306122449, 22.3469387755, 29.693877551);
	--color-blue--lighten: rgb(99.6020408163, 136.4489795918, 174.8979591837);
	--color-blue-dark: #25303d;
	--color-blue-dark--rgb: 37, 48, 61;
	--color-blue-dark--darken: black;
	--color-blue-dark--lighten: rgb(85.137755102, 110.4489795918, 140.362244898);
	--color-orange: #f8ab4b;
	--color-orange--rgb: 248, 171, 75;
	--color-orange--darken: rgb(212.7272727273, 121.7272727273, 8.2727272727);
	--color-orange--lighten: rgb(252.7727272727, 228.2727272727, 197.7272727273);
	--color-orange-dark: #f59d1e;
	--color-orange-dark--rgb: 245, 157, 30;
	--color-orange-dark--darken: rgb(165.6382978723, 100.8553191489, 7.3617021277);
	--color-orange-dark--lighten: rgb(250.4255319149, 210.170212766, 152.0744680851);
	--color-red: #ea5622;
	--color-red--rgb: 234, 86, 34;
	--color-red--darken: rgb(151.5950413223, 50.0743801653, 14.4049586777);
	--color-red--lighten: rgb(245.0640495868, 175.0392561983, 150.4359504132);
	--brand-color: var(--color-red);
	--accent-color: var(--color-orange);
	--accent-blog-color: var(--accent-color);
	--caption-color: rgba(var(--color-black--rgb), 0.6);
	--base-text-color: rgba(var(--color-black--rgb), 0.8);
	--base-link-color: var(--color-red);
	--h1-h6-color: var(--color-blue);
	--animation-duration: 0.3s;
	--animation-timing-function: ease;
	--offset-header: 100px;
	--clip-corner: 6rem;
	--container-offset: 16rem;
	--py-2xl: 28rem;
	--py-xl: 19rem;
	--py-md: 12rem;
	--py-sm: 6rem;
	--container: 1528px;
	--gutter: 25px;
	--input-x: 2.4rem;
	--input-y: 1.5rem;
	--input-color: var(--color-blue-dark);
	--input-placeholder-color: var(--color-blue-dark);
	--input-bg-color: var(--color-white);
	--input-radius: 0;
	--input-border: 1px;
	--input-border-color: var(--color-blue-dark);
	--input-focus-border-color: var(--color-blue-dark);
	--input-fz: 2.3rem;
	--input-lh: 1.2;
	--form-theme-color: var(--brand-color);
	--checkbox-size: 4rem;
	--radio-size: 4rem;
	--label-fz: var(--base-font-size);
	--label-lh: 1.2;
	--label-color: currentColor;
	--error-color: var(--color-red);
	--error-bg-color: var(--color-red);
	--form-col-gutter: 30px;
	--form-row-margin: var(--form-col-gutter) * 1.5;
	--h1: 16rem;
	--h2: 8.2rem;
	--h3: 7rem;
	--h4: 4.8rem;
	--h5: 3.8rem;
	--h6: 3rem;
}
@media (max-width: 1679px) {
	:root {
		--container-offset: 13rem;
		--py-2xl: 24rem;
		--py-xl: 14rem;
	}
}
@media (max-width: 1439px) {
	:root {
		--py-2xl: 20rem;
		--py-xl: 12rem;
		--py-md: 10rem;
	}
	:root {
		--input-x: 2rem;
		--input-y: 1.2rem;
		--input-fz: 2rem;
	}
	:root {
		--h1: 14rem;
		--h2: 7rem;
		--h3: 6rem;
		--h4: 4rem;
		--h5: 3rem;
		--h6: 2.4rem;
	}
}
@media (max-width: 1199px) {
	:root {
		--container-offset: var(--gutter);
	}
}
@media (max-width: 1023px) {
	:root {
		--h1: 10rem;
		--h2: 6rem;
		--h3: 5rem;
		--h4: 3.5rem;
		--h5: 3rem;
		--h6: 2.4rem;
	}
}
@media (max-width: 666px) {
	:root {
		--clip-corner: 4rem;
	}
	:root {
		--gutter: 20px;
	}
}
@media (max-width: 567px) {
	:root {
		--h1: 8.4rem;
		--h2: 6rem;
		--h3: 4.5rem;
		--h4: 3.5rem;
		--h5: 3rem;
		--h6: 2.4rem;
	}
}
@media (max-width: 479px) {
	:root {
		--h1: 8.4rem;
		--h2: 5.3rem;
		--h3: 4.5rem;
		--h4: 3.5rem;
		--h5: 3rem;
		--h6: 2.4rem;
	}
}
@media (min-width: 812px) and (max-height: 414px) and (orientation: landscape) {
	:root {
		--gutter: 50px;
	}
}