/* Font Face: Start */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	src: local('Inter Bold'), local('Inter-Bold'), url('../fonts/inter-bold.woff2') format('woff2'), url('../fonts/inter-bold.woff') format('woff'), url('../fonts/inter-bold.ttf') format('truetype'), url('../fonts/inter-bold.svg#Inter') format('svg');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	src: local('Inter Light'), local('Inter-Light'), url('../fonts/inter-light.woff2') format('woff2'), url('../fonts/inter-light.woff') format('woff'), url('../fonts/inter-light.ttf') format('truetype'), url('../fonts/inter-light.svg#Inter') format('svg');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	src: local('Inter Medium'), local('Inter-Medium'), url('../fonts/inter-medium.woff2') format('woff2'), url('../fonts/inter-medium.woff') format('woff'), url('../fonts/inter-medium.ttf') format('truetype'), url('../fonts/inter-medium.svg#Inter') format('svg');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: local('Inter Regular'), local('Inter-Regular'), url('../fonts/inter-regular.woff2') format('woff2'), url('../fonts/inter-regular.woff') format('woff'), url('../fonts/inter-regular.ttf') format('truetype'), url('../fonts/inter-regular.svg#Inter') format('svg');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Font Face: End */

/* Meyer's Reset: Start */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, t, article, aside, audio, bb, bdi, canvas, command, datagrid, datalist, details, dialog, embed, eventsource, figcaption, figure, footer, header, hgroup, keygen, mark, menu, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, track, video, wbr {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus { outline: 0; }

body { background: #fff; color: #000; line-height: 1; }

ol, ul, menu { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { font-weight: 400; text-align: left; }

blockquote::after, blockquote::before, q::after, q::before { content: ''; }

blockquote, q { quotes: '' ''; }

/* Clearfix: Start */
.clearfix { clear: both; }
/* Clearfix: End */
/* Meyer's Reset: End */

/* Variables: Start */
:root {
	/* Article: Start */
	--article-padding-left-right: 16px;
	--article-padding-top: 16px;
	/* Article: End */

	/* Avatar: Start */
	--avatar-font-size: 18px;
	--avatar-height: 76px;
	--avatar-image-height-width: 64px;
	--avatar-line-height: 68px;
	--avatar-margin-minus: -16px;
	--avatar-position-top: 20px;
	/* Avatar: End */

	/* Border: Start */
	--border-color: #f2f7fe;
	--border-radius-8: 8px;
	--border-width-6: 6px;
	/* Border: End */

	/* Circle: Start */
	--circle-one-height: 298px;
	--circle-one-left: -82px;
	--circle-one-top: -252px;
	--circle-one-width: 553px;
	--circle-two-background-color: #deedff;
	--circle-two-height: 298px;
	--circle-two-right: -70px;
	--circle-two-top: -244px;
	--circle-two-width: 619px;
	/* Circle: End */

	/* Confetti: Start */
	--confetti-left-height: 48px;
	--confetti-left-margin: 16px;
	--confetti-left-width: 50px;
	--confetti-right-height: 48px;
	--confetti-right-margin: 16px;
	--confetti-right-width: 37px;
	/* Confetti: End */

	/* Font: Start */
	--font-color-text: #455a64;
	--font-color-title: #1c313a;
	--font-size-16: 16px;
	--line-height: 20px;
	--font-weight-400: 400;
	--font-weight-500: 500;

	/* SubTitle: Start */
	--subtitle-font-size: 20px;
	--subtitle-line-height: 24px;
	--subtitle-margin-bottom: 16px;
	/* SubTitle: End */

	/* Text: Start */
	--text-font-size: 14px;
	--text-line-height: 18px;
	--text-margin-bottom: 16px;
	--text-padding-left-right: 16px;
	--text-simple-margin-top: 16px;
	--text-width: 100%;
	/* Text: End */

	/* Title: Start */
	--title-font-size: 20px;
	--title-line-height: 24px;
	--title-margin-bottom: 16px;
	/* Title: End */
	/* Font: End */

	/* Footer: Start */
	--footer-font-size: 11px;
	--footer-height: 24px;
	/* Footer: End */

	/* General: Start */
	--all-0: 0;
	--color-white: #fff;
	/* General End */

	/* Header: Start */
	--header-border-color: #f2f7fe;
	--header-border-height: 3px;
	--header-brand-height: 20px;
	--header-font-size: 16px;
	--header-height: 64px;
	--header-line-height: 64px;
	--header-minus-width: 16px;
	--header-padding-bottom-top: 4px;
	--header-padding-left-right: 8px;
	/* Header: End */

	/* Image: Start */
	--image-height: auto;
	--image-width: 100%;
	/* Image: End */

	/* Percentage: Start */
	--percentage-50: 50%;
	--percentage-100: 100%;
	--percentage-minus-50: -50%;
	/* Pecentage: End */

	/* Section: Start */
	--section-padding-bottom: 24px;
	--section-padding-top: 96px;
	--section-width: 100%;
	/* Section: End */

	/* Star: Start */
	--star-height: 19px;
	--star-margin: 8px;
	--star-width: 18px;
	/* Star: End */

	/* Wrapper: Start */
	--wrapper-background-color: #f2f7fe;
	--wrapper-height-100-vh: 100vh;
	/* Wrapper: End */
}
/* Variables: End */

/* Body: Start */
body { font: 400 var(--font-size-16) Inter, Helvetica, Arial, sans-serif; line-height: var(--line-height); text-rendering: optimizeLegibility; }
/* Body: End */

/* Footer: Start */
footer {
	background-color: var(--brand-color);
	color: var(--color-white);
	height: var(--footer-height);
	line-height: var(--footer-height);
	position: absolute;
		right: var(--all-0);
		bottom: var(--all-0);
		left: var(--all-0);
	text-align: center;
}

/* Text: Start */
footer h4 { font-size: var(--footer-font-size); font-weight: var(--font-weight-500); line-height: var(--footer-height); }
/* Text: End */

/* Link: Start */
footer a { color: var(--color-white); display: block; text-decoration: none; }
/* Link: End */
/* Footer: End */

/* Header: Start */
header {
	align-items: center;
	background-color: var(--color-white);
	border-bottom: solid var(--header-border-height) var(--header-border-color);
	display: flex;
	height: var(--header-height);
	padding: var(--header-padding-bottom-top) var(--header-padding-left-right);
	width: calc(var(--percentage-100) - var(--header-minus-width));
}

/* Brand: Start */
header h1 {
	align-items: center;
	color: var(--brand-color);
	display: flex;
	font-size: var(--header-font-size);
	font-weight: var(--font-weight-500);
	line-height: var(--header-line-height);
}
/* Brand: End */
/* Header: End */

/* Section: Start */
section {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	padding-bottom: var(--section-padding-bottom);
	padding-top: var(--section-padding-top);
	position: relative;
	width: var(--section-width);
}

/* Circles: Start */
.circle { border-radius: var(--percentage-100); position: absolute; }

/* One: Start */
.circle.one {
	background-color: var(--brand-color);
	height: var(--circle-one-height);
	left: var(--circle-one-left);
	top: var(--circle-one-top);
	width: var(--circle-one-width);
	z-index: 2;
}
/* One: End */

/* Two: Start */
.circle.two {
	background-color: var(--circle-two-background-color);
	height: var(--circle-one-height);
	right: var(--circle-two-right);
	top: var(--circle-two-top);
	width: var(--circle-two-width);
	z-index: 1;
}
/* Two: End */
/* Circles: End */

/* Article: Start */
article {
	align-items: flex-end;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	padding-left: var(--article-padding-left-right);
	padding-right: var(--article-padding-left-right);
	padding-top: var(--article-padding-top);
	position: relative;
	width: var(--percentage-100);
}

/* Figure: Start */
article .first img, article .last img { height: var(--percentage-100); resize: both; width: var(--percentage-100); }

article .first { height: var(--confetti-left-height); margin-right: var(--confetti-left-margin); width: var(--confetti-left-width); }

article .last { height: var(--confetti-right-height); margin-left: var(--confetti-right-margin); width: var(--confetti-right-width); }

/* Text: Start */
article .last + .simple.small { margin-top: var(--text-simple-margin-top); }
/* Text: End */
/* Figure: End */

/* SubTitle: Start */
article h3 {
	color: var(--brand-color);
	font-size: var(--subtitle-font-size);
	font-weight: var(--font-weight-500);
	line-height: var(--subtitle-line-height);
	margin-bottom: var(--subtitle-margin-bottom);
}

article h3:last-child { margin-bottom: var(--all-0); }
/* SubTitle: End */

/* Text: Start */
article .text {
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: var(--text-width);
}

article p {
	color: var(--font-color-text);
	font-size: var(--text-font-size);
	font-weight: var(--font-weight-400);
	line-height: var(--text-line-height);
	margin-bottom: var(--text-margin-bottom);
	padding-left: var(--text-padding-left-right);
	padding-right: var(--text-padding-left-right);
}

article p:last-child { margin-bottom: var(--all-0); }

article p.simple { margin-bottom: var(--all-0); text-align: center; }

article p.simple.small { width: var(--percentage-100); }

article p strong { font-weight: var(--font-weight-500); }
/* Text: End */

/* Title: Start */
article h2 {
	align-items: center;
	color: var(--font-color-title);
	display: flex;
	font-size: var(--title-font-size);
	font-weight: var(--font-weight-500);
	justify-content: center;
	line-height: var(--title-line-height);
	margin-bottom: var(--title-margin-bottom);
}

article h2:last-child { margin-bottom: var(--all-0); }

article h2 em { font-style: normal; }

article h2 .first, article h2 .last { height: var(--star-height); width: var(--star-width); }

article h2 .first img, article h2 .last img { height: var(--percentage-100); resize: both; width: var(--percentage-100); }

article h2 .first { margin-right: var(--star-margin); }

article h2 .last { margin-left: var(--star-margin); }
/* Title: End */
/* Article: End */

/* Avatar: Start */
.avatar {
	height: var(--avatar-height);
	position: absolute;
		top: var(--avatar-position-top);
		right: var(--all-0);
		left: var(--all-0);
	text-align: center;
	z-index: 2;
}

/* Figure: Start */
.avatar figure {
	background-color: var(--border-color);
	border: solid var(--border-width-6) var(--border-color);
	border-radius: var(--percentage-100);
	display: inline-block;
	height: var(--avatar-image-height-width);
	overflow: hidden;
	position: relative;
	width: var(--avatar-image-height-width);
}

.avatar figure + figure { margin-left: var(--avatar-margin-minus); }

.avatar figure img { height: var(--percentage-100); resize: both; width: var(--percentage-100); }
/* Figure: End */

.avatar strong {
	color: var(--color-white);
	font-size: var(--avatar-font-size);
	line-height: var(--avatar-line-height);
	position: absolute;
		top: var(--all-0);
		right: var(--all-0);
		bottom: var(--all-0);
		left: var(--all-0);
}
/* Avatar: End */

/* Image: Start */
.image { margin-left: auto; margin-right: auto; }

.image img {
	border-radius: var(--border-radius-8);
	height: var(--image-height);
	resize: both;
	width: var(--image-width);
}
/* Image: End */
/* Section: End */

/* Wrapper: Start */
.wrapper {
	align-content: flex-start;
	background-color: var(--wrapper-background-color);
	display: flex;
	flex-flow: row wrap;
	height: var(--wrapper-height-100-vh);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: auto;
}
/* Wrapper: End */

/* Landing: Start */
.wrapper.landing {
	/* Variables: Start */
	/* Circle: Star */
	--circle-one-height: 376px;
	--circle-one-left: -26px;
	--circle-one-top: -309px;
	--circle-one-width: 432px;
	--circle-two-height: 376px;
	--circle-two-right: -46px;
	--circle-two-top: -300px;
	--circle-two-width: 432px;
	/* Circle: End */

	/* Header: Start */
	--header-border-bottom: 3px;
	--header-border-color: #cfd8dc;
	/* Header: End */

	/* Section: Start */
	--section-background-color: #fff;
	--section-border-radius: 12px;
	--section-margin-bottom-left-right-top: 52px;
	--section-margin-minus-left-right: 104px;
	--section-shadow-blur: 4px;
	--section-shadow-color: rgba(96, 125, 135, .4);
	--section-shadow-x: 0;
	--section-shadow-y: 1px;
	--section-width: calc(var(--percentage-100) - var(--section-margin-minus-left-right));
	/* Section: End */

	/* Text: Start */
	--text--width-minus: 124px;
	/* TexT: End */

	/* Wrapper: Start */
	--wrapper-min-height: 100vh;
	--wrapper-padding-bottom: 24px;
	/* Wrapper: End */
	/* Variables: End */
	
	height: auto;
	min-height: calc(var(--wrapper-min-height) - var(--wrapper-padding-bottom));
	overflow-y: auto;
	padding-bottom: var(--wrapper-padding-bottom);
}

/* Header: Start */
.wrapper.landing header { border-bottom: solid var(--header-border-bottom) var(--header-border-color); }
/* Header: End */

/* Section: Start */
.wrapper.landing section {
	align-self: flex-start;
	background-color: var(--section-background-color);
	border-radius: var(--section-border-radius);
	box-shadow: var(--section-shadow-x) var(--section-shadow-y) var(--section-shadow-blur) var(--section-shadow-color);
	margin: var(--section-margin-bottom-left-right-top) auto;
	width: var(--section-width);
}
/* Section: End */

/* Article > Text: Start */
.wrapper.landing article .first + .text { width: calc(var(--percentage-100) - var(--text--width-minus)); }
/* Article > Text: End */

/* Image: Start */
.wrapper.landing .text .image  { margin-bottom: var(--subtitle-margin-bottom); }

.wrapper.landing .text .image:last-child { margin-bottom: var(--all-0); }
/* Image: End */

/* Responsive: Start */
@media (min-width: 640px) {
	.wrapper.landing {
		/* Variables: Start */
		/* Circle: Star */
		--circle-one-left: -60px;
		--circle-one-width: 640px;
		--circle-two-right: -72px;
		--circle-two-width: 640px;
		/* Circle: End */

		/* Section: Start */
		--section-width: calc(640px - var(--section-margin-minus-left-right));
		/* Section: End */

		/* Text: Start */
		--text--width-minus: 160px;
		/* Text: End */

		/* Wrapper: Start */
		--wrapper-padding-bottom: 32px;
		/* Wrapper: End */
		/* Variables: End */
	}
}

@media (min-width: 768px) {
	.wrapper.landing {
		/* Variables: Start */
		/* Circle: Star */
		--circle-one-width: 768px;
		--circle-two-width: 768px;
		/* Circle: End */

		/* Section: Start */
		--section-border-radius: 24px;
		--section-width: calc(768px - var(--section-margin-minus-left-right));
		/* Section: End */

		/* Text: Start */
		--text--width-minus: 196px;
		/* TexT: End */

		/* Wrapper: Start */
		--wrapper-padding-bottom: 40px;
		/* Wrapper: End */
		/* Variables: End */
	}
}

@media (min-width: 1024px) {
	.wrapper.landing {
		/* Variables: Start */
		/* Circle: Star */
		--circle-one-height: 400px;
		--circle-one-left: -100px;
		--circle-one-width: 1024px;
		--circle-two-height: 404px;
		--circle-two-right: -80px;
		--circle-two-width: 1024px;
		/* Circle: End */

		/* Section: Start */
		--section-width: calc(1024px - var(--section-margin-minus-left-right));
		/* Section: End */

		/* Text: Start */
		--text--width-minus: 196px;
		/* Text: End */

		/* Wrapper: Start */
		--wrapper-padding-bottom: 52px;
		/* Wrapper: End */
		/* Variables: End */

		/* Article > Text: Start */
		article .first + .text { width: calc(auto - var(--text--width-minus)); }
		/* Article > Text: End */
	}
}

@media (min-width: 1200px) {
	.wrapper.landing {
		/* Variables: Start */
		/* Circle: Star */
		--circle-one-height: 440px;
		--circle-one-left: -44px;
		--circle-one-width: 1140px;
		--circle-two-height: 440px;
		--circle-two-width: 1140px;
		/* Circle: End */

		/* Section: Start */
		--section-width: calc(1200px - var(--section-margin-minus-left-right));
		/* Section: End */

		/* Wrapper: Start */
		--wrapper-padding-bottom: 64px;
		/* Wrapper: End */
		/* Variables: End */
	}
}

@media (min-width: 1280px) {
	.wrapper.landing {
		/* Variables: Start */
		/* Circle: Star */
		--circle-one-top: -326px;
		--circle-one-width: 1200px;
		--circle-two-height: 448px;
		--circle-two-right: -30px;
		--circle-two-top: -312px;
		--circle-two-width: 1200px;
		/* Circle: End */

		/* Section: Start */
		--section-width: calc(1280px - var(--section-margin-minus-left-right));
		/* Section: End */
		/* Variables: End */
	}
}

@media (min-width: 1366px) {
	.wrapper.landing {
		/* Variables: Start */
		/* Circle: Star */
		--circle-one-height: 478px;
		--circle-one-left: -30px;
		--circle-one-width: 1280px;
		--circle-two-height: 478px;
		--circle-two-top: -316px;
		--circle-two-width: 1280px;
		/* Circle: End */

		/* Section: Start */
		--section-width: calc(1366px - var(--section-margin-minus-left-right));
		/* Section: End */
		/* Variables: End */
	}
}

@media (min-width: 1920px) {
	.wrapper.landing {
		/* Variables: Start */
		/* Avatar: Start */
		--avatar-position-top: 80px;
		/* Avatar: End */
	
		/* Circle: Start */
		--circle-one-height: 478px;
		--circle-one-left: -30px;
		--circle-one-top: -326px;
		--circle-one-width: 1280px;
		--circle-two-height: 478px;
		--circle-two-right: -30px;
		--circle-two-top: -316px;
		--circle-two-width: 1280px;
		/* Circle: End */
	
		/* Padding: Start */
		--padding-top-44: 44px;
		/* Padding: End */
	
		/* Section: Start */
		--section-padding-bottom: 52px;
		--section-padding-top: 264px;
		/* Section: End */
		/* Variables: End */
	}
}
/* Responsive: End */
/* Landing: End */

/* Responsive: Start */
@media (min-width: 640px) {
	:root {
		/* Article: Start */
		--article-padding-left-right: 20px;
		--article-padding-top: 20px;
		/* Article: End */

		/* Avatar: Start */
		--avatar-font-size: 20px;
		--avatar-height: 96px;
		--avatar-image-height-width: 84px;
		--avatar-line-height: 90px;
		--avatar-margin-minus: -20px;
		/* Avatar: End */

		/* Circle: Star */
		--circle-one-height: 397px;
		--circle-one-left: -109px;
		--circle-one-top: -336px;
		--circle-one-width: 737px;
		--circle-two-height: 397px;
		--circle-two-right: -93px;
		--circle-two-top: -325px;
		--circle-two-width: 826px;
		/* Circle: End */

		/* Confetti: Start */
		--confetti-left-height: 64px;
		--confetti-left-margin: 20px;
		--confetti-left-width: 66px;
		--confetti-right-height: 64px;
		--confetti-right-margin: 20px;
		--confetti-right-width: 49px;
		/* Confetti: End */

		/* Font: Start */
		/* SubTitle: Start */
		--subtitle-font-size: 26px;
		--subtitle-line-height: 30px;
		--subtitle-margin-bottom: 20px;
		/* SubTitle: End */

		/* Text: Start */
		--text-font-size: 20px;
		--text-line-height: 24px;
		--text-margin-bottom: 20px;
		--text-padding-left-right: 20px;
		--text-simple-margin-top: 20px;
		/* Text: End */

		/* Title: Start */
		--title-font-size: 26px;
		--title-line-height: 30px;
		--title-margin-bottom: 20px;
		/* Title: End */
		/* Font: End */

		/* Footer: Start */
		--footer-font-size: 13px;
		--footer-height: 32px;
		/* Footer: End */

		/* Header: Start */
		--header-brand-height: 28px;
		--header-font-size: 20px;
		/*--header-height: 36px;
		--header-line-height: 36px;*/
		--header-minus-width: 24px;
		--header-padding-left-right: 12px;
		/* Header: End */

		/* Section: Start */
		--section-padding-bottom: 32px;
		--section-padding-top: 116px;
		/* Section: End */

		/* Star: Start */
		--star-height: 27px;
		--star-margin: 8px;
		--star-width: 26px;
		/* Star: End */
	}
}

@media (min-width: 768px) {
	:root {
		/* Article: Start */
		--article-padding-left-right: 24px;
		--article-padding-top: 24px;
		/* Article: End */

		/* Avatar: Start */
		--avatar-font-size: 28px;
		--avatar-height: 116px;
		--avatar-image-height-width: 104px;
		--avatar-line-height: 112px;
		--avatar-margin-minus: -24px;
		/* Avatar: End */

		/* Circle: Start */
		--circle-one-height: 476px;
		--circle-one-left: -130px;
		--circle-one-top: -403px;
		--circle-one-width: 885px;
		--circle-two-height: 476px;
		--circle-two-right: -111px;
		--circle-two-top: -390px;
		--circle-two-width: 991px;
		/* Circle: End */

		/* Confetti: Start */
		--confetti-left-height: 80px;
		--confetti-left-margin: 24px;
		--confetti-left-width: 83px;
		--confetti-right-height: 80px;
		--confetti-right-margin: 24px;
		--confetti-right-width: 61px;
		/* Confetti: End */

		/* Font: Start */
		/* SubTitle: Start */
		--subtitle-font-size: 32px;
		--subtitle-line-height: 36px;
		--subtitle-margin-bottom: 24px;
		/* SubTitle: End */

		/* Text: Start */
		--text-font-size: 24px;
		--text-line-height: 28px;
		--text-margin-bottom: 24px;
		--text-padding-left-right: 24px;
		--text-simple-margin-top: 24px;
		/* Text: End */

		/* Title: Start */
		--title-font-size: 32px;
		--title-line-height: 36px;
		--title-margin-bottom: 24px;
		/* Title: End */
		/* Font: End */

		/* Footer: Start */
		--footer-font-size: 16px;
		--footer-height: 40px;
		/* Footer: End */

		/* Header: Start */
		--header-brand-height: 32px;
		--header-font-size: 32px;
		/*--header-height: 48px;*/
		--header-minus-width: 32px;
		--header-padding-bottom-top: 8px;
		--header-padding-left-right: 16px;
		/* Header: End */

		/* Padding: Start */
		--padding-bottom-top-8: 8px;
		--padding-left-right-16: 16px;
		--padding-left-right-32: 32px;
		/* Padding: End */

		/* Section: Start */
		--section-padding-bottom: 40px;
		--section-padding-top: 136px;
		/* Section: End */

		/* Star: Start */
		--star-height: 33px;
		--star-margin: 8px;
		--star-width: 32px;
		/* Star: End */
	}
}

@media (min-width: 1024px) {
	:root {
		/* Article: Start */
		--article-padding-top: 32px;
		/* Article: End */
	
		/* Avatar: Start */
		--avatar-font-size: 36px;
		--avatar-height: 148px;
		--avatar-position-top: 40px;
		--avatar-image-height-width: 136px;
		--avatar-line-height: 148px;
		/* Avatar: End */

		/* Circle: Start */
		--circle-one-height: 635px;
		--circle-one-left: -174px;
		--circle-one-top: -538px;
		--circle-one-width: 1180px;
		--circle-two-height: 635px;
		--circle-two-right: -149px;
		--circle-two-top: -520px;
		--circle-two-width: 1321px;
		/* Circle: End */

		/* Padding: Start */
		--padding-top-32: 32px;
		/* Padding: End */

		/* Section: Start */
		--section-padding-bottom: 52px;
		--section-padding-top: 188px;
		/* Section: End */
	}
}

@media (min-width: 1200px) {
	:root {
		/* Article: Start */
		--article-padding-top: 44px;
		/* Article: End */

		/* Avatar: Start */
		--avatar-font-size: 48px;
		--avatar-height: 184px;
		--avatar-position-top: 60px;
		--avatar-image-height-width: 172px;
		--avatar-line-height: 184px;
		/* Avatar: End */

		/* Circle: Start */
		--circle-one-height: 794px;
		--circle-one-left: -218px;
		--circle-one-top: -672px;
		--circle-one-width: 1475px;
		--circle-two-height: 794px;
		--circle-two-right: -228px;
		--circle-two-top: -660px;
		--circle-two-width: 1651px;
		/* Circle: End */

		/* Padding: Start */
		--padding-top-44: 44px;
		/* Padding: End */

		/* Section: Start */
		--section-padding-top: 244px;
		/* Section: End */
	}
}

@media (min-width: 1280px) {
	:root {
		/* Circle: Start */
		--circle-one-height: 794px;
		--circle-one-left: -218px;
		--circle-one-top: -672px;
		--circle-one-width: 1475px;
		--circle-two-height: 794px;
		--circle-two-right: -186px;
		--circle-two-top: -650px;
		--circle-two-width: 1651px;
		/* Circle: End */
	}
}

@media (min-width: 1366px) {
	:root {
		/* Article: Start */
		--article-padding-top: 44px;
		/* Article: End */

		/* Avatar: Start */
		--avatar-position-top: 80px;
		/* Avatar: End */

		/* Circle: Start */
		--circle-one-height: 847px;
		--circle-one-left: -232px;
		--circle-one-top: -717px;
		--circle-one-width: 1574px;
		--circle-two-height: 847px;
		--circle-two-right: -198px;
		--circle-two-top: -693px;
		--circle-two-width: 1762px;
		/* Circle: End */

		/* Section: Start */
		--section-padding-top: 264px;
		/* Section: End */
	}
}

@media (min-width: 1920px) {
	:root {
		/* Avatar: Start */
		--avatar-position-top: 120px;
		/* Avatar: End */

		/* Circle: Start */
		--circle-one-height: 1190px;
		--circle-one-left: -326px;
		--circle-one-top: -1008px;
		--circle-one-width: 2213px;
		--circle-two-height: 1190px;
		--circle-two-right: -310px;
		--circle-two-top: -985px;
		--circle-two-width: 2477px;
		/* Circle: End */

		/* Padding: Start */
		--padding-top-44: 44px;
		/* Padding: End */

		/* Section: Start */
		--section-padding-bottom: 24px;
		--section-padding-top: 304px;
		/* Section: End */
	}
}
/* Responsive: End */