:root {
	--bg: rgba(250, 250, 250, 1);
	--theme-light: rgb(230, 231, 233);
	--theme-light-80: rgba(230, 231, 233, 0.8);
	--theme-light-50: rgba(230, 231, 233, 0.5);
	--theme-light-10: rgba(230, 231, 233, 0.1);
	--theme-dark: rgb(46, 52, 57);
	--theme-dark-80: rgba(46, 52, 57, 0.8);
	--theme-dark-50: rgba(46, 52, 57, 0.5);
	--theme-dark-33: rgba(46, 52, 57, 0.33);
	--theme-dark-10: rgba(46, 52, 57, 0.1);
	--theme-dark-5: rgba(46, 52, 57, 0.05);
	--theme-accent: rgb(212, 71, 69);
	--theme-add: rgb(255, 239, 176);
	--theme-accent-50: rgba(212, 71, 69, 0.5);
	--theme-accent-5: rgba(212, 71, 69, 0.05);
	--theme-outline: rgba(70, 70, 70, 0.1);

	--theme-button-radius: 10px;

	--theme-font: Futura;
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

* {
	box-sizing: inherit;
}
*:before,
*:after {
	box-sizing: inherit;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	opacity: 1;
	/*outline: solid 1px red !important;*/
}


html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	background-color: var(--bg);
	/*scroll-behavior: smooth;*/
}

body {
	margin: 0;
}

main {
	display: block;
}

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

b {
	font-weight: bolder;
}

strong {
	color: var(--theme-accent);
	font-weight: normal;
}

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
	cursor: pointer;
}

textarea {
	padding: 1em;
}

button,
input {
	/* 1 */
	overflow: visible;
}

button,
select {
	/* 1 */
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

strike {
	text-decoration: line-through;
	font-size: smaller;
	color: var(--theme-dark-50);
}

video {
	width: 100%;
	cursor: pointer;
}

[hidden] {
	display: none !important;
}

* :disabled {
	cursor: not-allowed !important;
	background: transparent!important;
	color: var(--theme-dark-33) !important;
	border-color: var(--theme-dark-33) !important;
}

* :disabled:hover {
	background: transparent!important;
	color: var(--theme-dark-33) !important;
	border-color: var(--theme-dark-33) !important;
}

/**/

img:not([src]) {
	visibility: hidden;
}

/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
	img:-moz-loading {
		visibility: hidden;
	}
}

img,
main,
body {
	width: 100%;
}

section {
	padding: 4em 0;
}

header {
	padding-bottom: 4em;
	display: grid;
	row-gap: 1em;
}

label {
	cursor: pointer;
}



a {
	font-family: var(--theme-font);
	color: var(--theme-dark);
	transition: color 0.3s;
}

a:hover {
	font-family: var(--theme-font);
	color: var(--theme-accent);
}

h1 {
	font-family: Bebas;
	font-weight: bold;
	font-size: 3.75em;
}

h2 {
	font-family: var(--theme-font);
	font-weight: 500;
	font-size: 2.5em;
	color: var(--theme-light);
}

h3 {
	font-family: var(--theme-font);
	font-weight: 600;
	font-size: 1.8em;
	color: var(--theme-light);
}

h4 {
	font-family: var(--theme-font);
	font-weight: 200;
	font-size: 1.5em;
	color: var(--theme-light);
}

h5 {
	font-family: var(--theme-font);
	font-weight: bold;
	font-size: 1.25em;
	color: var(--theme-light);
}

h6 {
	font-family: var(--theme-font);
	font-weight: 200;
	font-size: 1.1em;
	line-height: 1.3em;
	color: var(--theme-light);
}

p {
	font-family: var(--theme-font);
	font-size: 1.2em;
	font-weight: 500;
	color:var(--theme-light);
}

span {
	font-size: 1em;

}

li {
	font-family: var(--theme-font);
	margin: 0.35em 0 0.35em 1em;
}

li::marker {
	color: var(--theme-accent);
	transition: 0.3s;
}

del {
	position: relative;
	text-decoration: none;
}
del:before {
	content: "";
	border-bottom: 3px solid var(--theme-accent);
	position: absolute;
	width: 100%;
	height: 50%;
	transform: rotate(-12deg);
}


[type="button"] {
	width: 100%;
	min-height: 50px;
	font-family: var(--theme-font);
	font-size: 1em;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
	background-color: var(--theme-accent);
	border-radius: var(--theme-button-radius);
	border: none;
	color: #fdfdfd;
}

[type="submit"] {
	outline: none;
	border: none;
	cursor: pointer;
	border-radius: var(--theme-button-radius);
	font-family: var(--theme-font);
	font-weight: bold;
	transition: 0.3s;
	height: 50px;
	font-size: 1em;
	text-align: center;
}

[type="backcall"] {
	outline: none;
	border: none;
	cursor: pointer;
	background: none;
	text-align: right;
	font-family: var(--theme-font);
	font-size: 0.9em;
}

[role="button"] {
	width: auto;
	outline: none;
	cursor: pointer;
	font-family: var(--theme-font);
	font-weight: bold;
	line-height: 50px;
	height: 54px;
	border-radius: 10px;
	font-size: 1em;
	text-align: center;
	border: 2px solid var(--theme-dark);
	transition: 0.3s;
}

[role="button"]:hover {
	border-color: var(--theme-accent);
}

.button-large {
	height: 70px;
}

.button-fw {
	width: 100%;
}

[role="phone"] {
	font-family: var(--theme-font);
	font-weight: 400;
	font-size: 2em;
	transition: color 0.3s;
	cursor: pointer;
	color:#fff;
	white-space: nowrap;
}

[role="phone"]:hover {
	color: var(--theme-accent);
}

[role="email"] {
	font-family: var(--theme-font);
	font-weight: 400;
	font-size: 1.2em;
	color: var(--theme-dark);
	transition: color 0.3s;
}

.container {
	max-width: 1350px;
	width: 100%;
	height: fit-content;
	margin: auto;
	padding: 0 2em;
	position: relative;
	box-sizing: border-box;
}

.container-wide {
	max-width: 1500px;
	padding: 0 calc(2em - 10px);
	width: 100%;
	margin: auto;
}

.grey {
	color: var(--theme-dark-80);
}

.mt-4 {
	margin-top: 4em;
}

.a-center {
	text-align: center;
}

.a-left {
	text-align: left;
}

.a-right {
	text-align: right;
}

.--light {
	color: var(--theme-light);
}

.wrapper {
	display: grid;
	row-gap: 0.5em;
}

.flex-item {
	margin: auto 0;
}

.underline-accent {
	padding-bottom: 0.5em;
	border-bottom: 2px solid var(--theme-accent);
	justify-self: stretch;
}

@media screen and (max-width: 660px) {
	section {
		padding: 3em 0;
	}

	header {
		padding-bottom: 2em;
	}

	h1 {
		font-size: 8vw;
	}

	h2 {
		font-size: 6vw;
	}

	h3 {
		font-size: 5.5vw;
	}

	h4 {
		font-size: 4.5vw;
	}

	h5 {
		font-size: 3.75vw;
	}

	h6 {
		font-size: 3.5vw;
	}

	p {
		font-size: 3.5vw;
	}

	li {
		font-size: 3vw;
	}

	::placeholder {
		font-size: 3.5vw!important;
	}

	[type=button] {
		font-size: 3.5vw;
	}

	.text {
		font-size: 3.25vw;
	}

	[role="phone"] {
		font-size: 4.5vw;
	}

	[type="button"] {
		width: 100%;
		text-align: center;
		justify-self: center;
	}

	.container {
		padding: 0 5vw;
	}
}