/* ????????? box sizing */


.container {
    width: 100%;
    padding: 0;
}
	
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}
	/* ??????? ?????????? ??????? */
	
	ul[class],
	ol[class] {
		padding: 0;
	}
	/* ??????? ??????? ??????? */
	
	body,
	h1,
	h2,
	h3,
	h4,
	p,
	ul[class],
	ol[class],
	li,
	figure,
	figcaption,
	blockquote,
	dl,
	dd {
		margin: 0;
	}
	/* ?????????? ???????? ????????? ??-????????? ??? body */
	
	body {
		min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 1.5;
	}
	/* ??????? ??????????? ?????????? ??? ???? ul ? il, ? ??????? ???? ??????? class*/
	
	ul[class],
	ol[class] {
		list-style: none;
	}
	/* ???????? a, ? ??????? ??? ??????, ?????????? ?? ????????? ?????? */
	
	a:not([class]) {
		text-decoration-skip-ink: auto;
	}
	/* ???????? ?????? ? ????????????? */
	
	img {
		max-width: 100%; display: block;
	}
	/* ????????? ???????? ????????????? ? ?????? ?????? ? article*/
	
	article > * + * {
		margin-top: 1em;
	}
	/* ????????? ?????? ??? ??????? ? ?????? */
	
	input,
	button,
	textarea,
	select {
		font: inherit;
	}
	/* ??????? ??? ???????? ? ???????? ??? ?????, ??????? ??????????? ?? ?? ???????????? */
	
	@media (prefers-reduced-motion: reduce) {
		* {
			animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;
		}
	}
	
	
	
	
		h1.header {
		color: white; height: 0;
	}
	
	.wrapper {
		width: 100%;
	}
	
	.main_wrapper {
		width: 100%; display: flex; flex-direction: column; align-content: center; justify-content: center; text-align: center;
		/* BASE FONT */
		color: white; font-family: Roboto, Arial; text-transform: uppercase; letter-spacing: 0.1em;
	}
	
	.orange_section {
		width: 100%; background-color: #E5771D; display: flex; flex-direction: column; align-content: center; justify-content: center; text-align: center; align-items: center; padding-bottom: 280px;
	}
	
	.blue_section {
		width: 100%; background-color: #00AEEF; display: flex; flex-direction: column; align-content: center; justify-content: center; text-align: center; align-items: center; padding-bottom: 160px;
	}
	
	.CTA_block {
		width: 100%; display: flex; flex-direction: row; justify-content: center; align-content: center; align-items: center; text-decoration: none;
	}
	
	.CTA_block a {
		text-decoration: none; color: white;
	}
	/* BUTTONS */
	
	.button_solid {
		background-color: white; border-radius: 4px; height: 60px; display: flex; justify-content: center; align-content: center; align-items: center; width: 224px; margin-right: 10px;
	}
	
	.button_bordered {
		border: 2px solid white; border-radius: 4px; height: 56px; display: flex; justify-content: center; align-content: center; align-items: center; width: 248px; margin-left: 10px;
	}
	/* FIRST SECTION */
	
	.special_logo {
		margin-top: 72px;
	}
	
	.special_logo img {
		width: 310px; height: 90px;
	}
	
	.big_headline {
		margin-top: 16px; font-size: 120px; font-weight: 900;
	}
	
	.sub_headline {
		font-size: 38px; font-weight: 500;
	}
	
	.headline_description {
		margin-top: 6px; font-size: 24px; font-weight: 400; width: 760px; line-height: 40px; margin-bottom: 64px;
	}
	/* SECOND SECTION */
	
	.secondary_section_headline {
		margin-top: 100px; width: 900px; font-size: 64px; line-height: 80px; font-weight: 900;
	}
	
	.main_feature_wrapper {
		display: flex; flex-direction: row; margin-bottom: 80px;
	}
	
	.feature_wrapper {
		display: flex; flex-direction: row;
	}
	
	.feature {
		width: 240px; display: flex; flex-direction: column; align-items: center;
	}
	
	.feature_headline {
		font-size: 18px; font-weight: 400; margin-bottom: 28px; margin-top: 56px; line-height: 24px;
	}
	
	.feature_icon img {
		width: 122px; height: 116px;
	}
	
	.video_holder {
		margin-top: -160px;
	}
	
	.video_holder iframe {
		width: 580px; height: 320px;
	}
	
	@media only screen and (max-width: 960px) {
		.special_logo {
			margin-top: 40px;
		}
		.special_logo img {
			width: 190px; height: 60px;
		}
		.big_headline {
			font-size: 72px;
		}
		.sub_headline {
			font-size: 24px; line-height: 18px; font-weight: 800; margin-top: 0px;
		}
		.headline_description {
			font-size: 14px; line-height: 24px; max-width: 490px; margin-top: 6px; margin-bottom: 32px;
		}
		.button_solid {
			width: 178px; font-size: 12px; height: 40px; margin-right: 8px; letter-spacing: 0.06em;
		}
		.button_bordered {
			width: 164px; font-size: 12px; height: 40px; margin-left: 8px; letter-spacing: 0.06em;
		}
		.orange_section {
			padding-bottom: 200px;
		}
		.blue_section {
			padding-bottom: 80px;
		}
		.video_holder {
			margin-top: -120px;
		}
		.video_holder iframe {
			max-width: 358px; height: 240px;
		}
		.feature {
			width: 180px; display: flex; flex-direction: column; align-items: center;
		}
		.headline_description {
			width: auto;
		}
		.secondary_section_headline {
			width: 100%;
		}
		.main_feature_wrapper {
			flex-direction: column;
		}
		.secondary_section_headline {
			font-size: 36px; line-height: 40px; max-width: 360px; margin-top: 60px;
		}
		.feature_headline {
			font-size: 14px; font-weight: 500; line-height: 18px; margin-bottom: 16px;
		}
		.feature_icon img {
			width: 80px; height: 80px;
		}
	}
	
	@media only screen and (max-width: 480px) {
		.special_logo {
			margin-top: 32px;
		}
		.special_logo img {
			width: 155px; height: 44px;
		}
		.big_headline {
			font-size: 40px;
		}
		.sub_headline {
			font-size: 13px; line-height: 18px; font-weight: 800; margin-top: 8px;
		}
		.headline_description {
			font-size: 13px; line-height: 18px; max-width: 320px; margin-top: 0px; margin-bottom: 32px;
		}
		.button_solid {
			width: 128px; font-size: 12px; height: 40px; margin-right: 8px; letter-spacing: 0.06em;
		}
		.button_bordered {
			width: 144px; font-size: 12px; height: 40px; margin-left: 8px; letter-spacing: 0.06em;
		}
		.orange_section {
			padding-bottom: 160px;
		}
		.blue_section {
			padding-bottom: 80px;
		}
		.video_holder {
			margin-top: -80px;
		}
		.video_holder iframe {
			max-width: 288px; height: 160px;
		}
		.feature {
			width: 120px; display: flex; flex-direction: column; align-items: center;
		}
		.headline_description {
			width: auto;
		}
		.secondary_section_headline {
			width: 100%;
		}
		.main_feature_wrapper {
			flex-direction: column;
		}
		.secondary_section_headline {
			font-size: 24px; line-height: 30px; max-width: 240px; margin-top: 60px;
		}
		.feature_headline {
			font-size: 13px; font-weight: 500; line-height: 18px; margin-bottom: 16px;
		}
		.feature_icon img {
			width: 80px; height: 80px;
		}
	}