@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Akkurat-Bold';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/a6e3eac4d6d610b1510dbf881db6a087.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-family: 'Nimbus Sans L';
    src: url('../fonts/NimbusSanL-RegIta.eot');
    src: url('../fonts/NimbusSanL-RegIta.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NimbusSanL-RegIta.woff2') format('woff2'),
        url('../fonts/NimbusSanL-RegIta.woff') format('woff'),
        url('../fonts/NimbusSanL-RegIta.ttf') format('truetype'),
        url('../fonts/NimbusSanL-RegIta.svg#NimbusSanL-RegIta') format('svg');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}
@font-face {
	font-display: swap;
    font-family: 'Nimbus Sans L';
    src: url('../fonts/NimbusSanL-Bol.eot');
    src: url('../fonts/NimbusSanL-Bol.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NimbusSanL-Bol.woff2') format('woff2'),
        url('../fonts/NimbusSanL-Bol.woff') format('woff'),
        url('../fonts/NimbusSanL-Bol.ttf') format('truetype'),
        url('../fonts/NimbusSanL-Bol.svg#NimbusSanL-Bol') format('svg');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Nimbus Sans L';
    src: url('../fonts/NimbusSanL-Reg.eot');
    src: url('../fonts/NimbusSanL-Reg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NimbusSanL-Reg.woff2') format('woff2'),
        url('../fonts/NimbusSanL-Reg.woff') format('woff'),
        url('../fonts/NimbusSanL-Reg.ttf') format('truetype'),
        url('../fonts/NimbusSanL-Reg.svg#NimbusSanL-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Nimbus Sans L';
    src: url('../fonts/NimbusSanL-BolIta.eot');
    src: url('../fonts/NimbusSanL-BolIta.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NimbusSanL-BolIta.woff2') format('woff2'),
        url('../fonts/NimbusSanL-BolIta.woff') format('woff'),
        url('../fonts/NimbusSanL-BolIta.ttf') format('truetype'),
        url('../fonts/NimbusSanL-BolIta.svg#NimbusSanL-BolIta') format('svg');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}
/* Material Icons */
@font-face {
	font-family: 'Material Icons Outlined';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('../fonts/MaterialIconsOutlined-Regular.eot'); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIconsOutlines-Regular'),
		url('../fonts/MaterialIconsOutlined-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/MaterialIconsOutlined-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/MaterialIconsOutlined-Regular.woff') format('woff'), /* Modern Browsers */
}
.material-icons-outlined {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;	
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;	
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;	
	/* Support for IE. */
	font-feature-settings: 'liga';
	font-variation-settings:
	'FILL' 0,
	'wght' 600,
	'GRAD' 0,
	'opsz' 24
}

@font-face {
  font-display: swap;
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bebas-neue-v16-latin_latin-ext-regular.woff2') format('woff2');
}

html {
	--remMin: 10px;
	--remMax: 20px;
	--rem: calc(10px + (20 - 10) * (100vw - 320px) / (1920 - 320));
	--emMin: 18px;
	--emMax: 24px;
	--em: calc(18px + (24 - 18) * (100vw - 320px) / (1920 - 320));
	--emLMin: 24px;
	--emLMax: 45px;
	--emL: calc(24px + (45 - 24) * (100vw - 320px) / (1920 - 320));
	--emXLMin: 36px;
	--emXLMax: 80px;
	--emXL: calc(36px + (80 - 36) * (100vw - 320px) / (1920 - 320));
	--isBlack: #000;
	--isWhite: #FFF;
	--isHighlight: rgb(0, 255, 0);
	background-color: var(--isWhite);
	color: var(--isBlack);
	font-size: var(--remMin);
}
body {
    font-family: 'Nimbus Sans L', sans-serif;
	font-weight: 700;
	font-size: var(--emMin);
}
.btn_submit,
.btn-cancel,
a,
.button {
	color: inherit;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
a:hover,
a:active,
a:focus,
a:visited {
	color: inherit;
	text-decoration: none;
}
a.skew:hover {
	transform: skewX(-45deg);
}
a.skew:hover h4 {
	transform: skewX(0);
}
.button,
a.button {
	cursor: pointer;
	background-color: #fff;
	color: #000;
	text-transform: uppercase;
	font-weight: 400;
	border: 1px solid #000;
	display: block;
	text-align: center;
	font-size: 1em;
	letter-spacing: .03em;
	padding: 1em;
	width: calc(100% - 2em - 2px);
	text-decoration: none !important;
}
a.button-black {
	cursor: pointer;
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	border: 1px solid #000;
	display: block;
	text-align: center;
	font-size: .9em;
	letter-spacing: .03em;
	padding: 1em;
	width: calc(100% - 2em - 2px);
	text-decoration: none !important;	
}
.button:hover,
a.button:hover {
	transform: skewX(0);	
	background-color: var(--isHighlight);
	border: 1px solid var(--isHighlight);
}
a.button-black:hover {
	transform: skewX(0);	
	background-color: var(--isHighlight);
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	display: block;
	max-width: 100%;
  	font-family: 'Bebas Neue';
}
h1,
h2 {
	font-size: var(--emXLMin);
	line-height: .85;
	margin: 0 0 2rem 0;
	letter-spacing: -.025em;
	font-weight: 400;
}
h3 {
	font-size: var(--emLMin);
	line-height: 1;
	margin: 3rem 0 2rem 0;
	letter-spacing: -.025em;
	font-weight: 400;
}
h4 {
	line-height: 1.4;
	font-size: .9em;
	margin: 1.5em 0;
    font-family: 'Nimbus Sans L', sans-serif;
}
h5 {
	line-height: 1.4;
	font-size: .9em;
	margin: 1em 0 0 0;
    font-family: 'Nimbus Sans L', sans-serif;
}
p, ol, ul {
	line-height: 1.4;
	font-size:.91em;
	margin: 1em 0;
}
h4 ~ p,
h5 ~ p {
	margin-top: 0;
}
.isXLarge {
	font-size: var(--emXLMin);
	line-height: 1;
	letter-spacing: -.025em;
}
@media only screen and (min-width: 320px) {
	html {
		font-size: var(--rem);
	}
	body {
		font-size: var(--em);
	}
	h1, 
	h2,
	.fs-menu a,
	.isXLarge {
		font-size: var(--emXL);
	}
	h3 {
		font-size: var(--emL);
	}
}
@media only screen and (min-width:  1920px) {
	html {
		font-size: var(--remMax);
	}
	body {
		font-size: var(--emMax);
	}
	h1, 
	h2,
	.fs-menu a,
	.isXLarge {
		font-size: var(--emXLMax);
	}
	h3 {
		font-size: var(--emLMax);
	}
}

/* -------------------- First & Last Child -------------------- */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child, ol:first-child, p:has(a.button):first-child {
    margin-top: 0;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, p:has(a.button):last-child {
    margin-bottom: 0;
}