@import url('https://fonts.googleapis.com/css2?family=Inter&family=Poppins:wght@400;500;600;700&display=swap');
@font-face {font-family:'ein';src:url(ein.woff) format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'interregular';src:url(https://localhost/hq3/media/site/daa4c3b0a3-1695570326/Inter-Regular.woff) format('woff');font-weight:normal;font-style:normal;}
:root {
	--color-primary:#14854f;
	--color-secondary:#dc1b54;
	--color-tertiary:#1d1d1d;
	--color-success:#28bd14;
	--color-warning:#ff7900;
	--color-info:#24a0ed;
	--color-error:#d43939;
	--color-dark:#0A0A0A;
	--color-white:#FFFFFF;
	--color-light:#efefef;
	--color-muted:#FFFFFF;
	--color-lightGrey:#d2d6dd;
	--color-grey:#747681;
	--color-darkGrey:#3f4144;
	--color-transparent:#FFFFFF00;
	--font-header:'ein';
	--font-family-sans:'poppins';
	--font-system:ui-sans-serif,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	--font-family-mono:monaco,"Consolas","Lucida Console",monospace;
	--bg-color:#0e0e0e;
	--bg-secondary-color:#f3f3f6;
	--font-color:rgba(255, 255, 255, .7);
	--font-header-color:rgba(255, 255, 255, 1);
	--font-size:1.2rem;
	--line-height:1.6;
	--container-large:1400px;
	--container-max:1140px;
	--container-medium:900px;
	--container-small:600px;
	--container-min:420px;
	--container-fluid:96%;
	--select-drop-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%231c1e21'><polygon points='0,0 60,0 30,40'/></svg>");
}

*, *:before, *:after {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-tap-highlight-color: transparent;
	/* transparent with keyword */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/* transparent with rgba */
	-webkit-tap-highlight-color: hsla(0,0,0,0);
	/* transparent with hsla */
	-webkit-tap-highlight-color: #00000000;
	/* transparent with hex with alpha */
	-webkit-tap-highlight-color: #0000;
	/* transparent with short hex with alpha */
}

strong {font-weight:600;}
ul {list-style: disc;padding: 0px 0 0 25px;}
h1,h2,h3,h4,[data-level=h4] {font-weight:500;margin:.35em 0 .7em;font-family:var(--font-header);color:var(--font-header-color);}
h1 {font-size:3.5rem;letter-spacing:-1px;margin-bottom:30px;line-height:1.3;}
h2 {font-size:2.4rem;font-weight:500;}
h3 {font-size:2.2rem;font-weight:500;}
h4 {font-size:1.2rem;font-weight:500;}
p {font-size: 20px;margin: 0 0 25px;}

/* containers */
.container {max-width:var(--container-max);margin:0 auto;width:100%;}
.container-large {max-width:var(--container-large);margin:0 auto;width:100%;position:relative;}
.container-medium {max-width:var(--container-medium);margin:0 auto;width:100%;}
.container-small {max-width:var(--container-small);margin:0 auto;width:100%;}
.container-tiny {max-width:var(--container-min);margin:0 auto;width:100%;}
.container-fluid {width:var(--container-fluid);margin:0px auto;}
.container-max {width:100%;margin:0px auto;}

/* grid columns */
.grid {display:grid;grid-template-columns:repeat(12, 1fr);padding:0 20px;}
.grid-gap-1 {grid-gap:1rem}
.grid-gap-2 {grid-gap:2rem}
.grid-gap-3 {grid-gap:3rem}
.grid-gap-4 {grid-gap:4rem}
.grid-gap-0-2 {grid-gap:0rem 2rem}
.grid-gap-0-3 {grid-gap:0rem 3rem}
.grid-gap-0-4 {grid-gap:0rem 42rem}

.col-1 {grid-column:span 1;}
.col-2 {grid-column:span 2;}
.col-3 {grid-column:span 3;}
.col-4 {grid-column:span 4;}
.col-5 {grid-column:span 5;}
.col-6 {grid-column:span 6;}
.col-7 {grid-column:span 7;}
.col-8 {grid-column:span 8;}
.col-9 {grid-column:span 9;}
.col-10 {grid-column:span 10;}
.col-11 {grid-column:span 11;}
.col-12 {grid-column:span 12;}

@media (min-width:768px) {.col-1-sm {grid-column:span 1;}.col-2-sm {grid-column:span 2;}.col-3-sm {grid-column:span 3;}.col-4-sm {grid-column:span 4;}.col-5-sm {grid-column:span 5;}.col-6-sm {grid-column:span 6;}.col-7-sm {grid-column:span 7;}.col-8-sm {grid-column:span 8;}.col-9-sm {grid-column:span 9;}.col-10-sm {grid-column:span 10;}.col-11-sm {grid-column:span 11;}.col-12-sm {grid-column:span 12;}}
@media (min-width:1024px) {.col-1-md {grid-column:span 1;}.col-2-md {grid-column:span 2;}.col-3-md {grid-column:span 3;}.col-4-md {grid-column:span 4;}.col-5-md {grid-column:span 5;}.col-6-md {grid-column:span 6;}.col-7-md {grid-column:span 7;}.col-8-md {grid-column:span 8;}.col-9-md {grid-column:span 9;}.col-10-md {grid-column:span 10;}.col-11-md {grid-column:span 11;}.col-12-md {grid-column:span 12;}}
@media (min-width:1400px) {.col-1-lg {grid-column:span 1;}.col-2-lg {grid-column:span 2;}.col-3-lg {grid-column:span 3;}.col-4-lg {grid-column:span 4;}.col-5-lg {grid-column:span 5;}.col-6-lg {grid-column:span 6;}.col-7-lg {grid-column:span 7;}.col-8-lg {grid-column:span 8;}.col-9-lg {grid-column:span 9;}.col-10-lg {grid-column:span 10;}.col-11-lg {grid-column:span 11;}.col-12-lg {grid-column:span 12;}}

/* paddings */
.p-0 {padding:0px;}
.p-10 {padding:10px;}
.p-15 {padding:15px;}
.p-20 {padding:20px;}
.p-25 {padding:25px;}
.p-30 {padding:30px;}
.pt-0 {padding-top:0px;}
.pt-10 {padding-top:10px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pt-60 {padding-top:60px;}
.pt-70 {padding-top:70px;}
.pt-80 {padding-top:80px;}
.pt-90 {padding-top:90px;}
.pt-100 {padding-top:100px;}
.pt-110 {padding-top:110px;}
.pt-120 {padding-top:120px;}
.pt-130 {padding-top:130px;}
.pt-140 {padding-top:140px;}
.pt-150 {padding-top:150px;}
.pt-160 {padding-top:160px;}
.pb-0 {padding-bottom:0px;}
.pb-10 {padding-bottom:10px;}
.pb-20 {padding-bottom:20px;}
.pb-30 {padding-bottom:30px;}
.pb-40 {padding-bottom:40px;}
.pb-50 {padding-bottom:50px;}
.pb-60 {padding-bottom:60px;}
.pb-70 {padding-bottom:70px;}
.pb-80 {padding-bottom:80px;}
.pb-90 {padding-bottom:90px;}
.pb-100 {padding-bottom:100px;}
.pb-110 {padding-bottom:110px;}
.pb-120 {padding-bottom:120px;}
.pb-130 {padding-bottom:130px;}
.pb-140 {padding-bottom:140px;}
.pb-150 {padding-bottom:150px;}
.pb-160 {padding-bottom:160px;}

/* margins */
.m-0 {margin:0;}
.m-10 {padding:10px;}
.m-15 {padding:15px;}
.m-20 {padding:20px;}
.m-25 {padding:25px;}
.m-30 {padding:30px;}
.mt-0 {margin-top:0;}
.mt-5 {margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-60 {margin-top:60px;}
.mt-70 {margin-top:70px;}
.mt-80 {margin-top:80px;}
.mt-90 {margin-top:90px;}
.mt-100 {margin-top:100px;}
.mb-0 {margin-bottom:0;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.mb-70 {margin-bottom:70px;}
.mb-80 {margin-bottom:80px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}

/* utility */
.is-hidden {display:none;}
.is-block {display:block;}
.is-flex {display:flex;}
.is-full-screen {width:100%;height:100vh;}
.is-top-left {display:flex;align-self:flex-start;align-items:start;justify-content:left;}
.is-top-center {display:flex;align-self:flex-start;align-items:start;justify-content:center;}
.is-top-right {display:flex;align-self:flex-start;align-items:start;justify-content:right;}
.is-center-left {display:flex;align-self:center;align-items:center;justify-content:left;}
.is-center {display:flex;align-self:center;align-items:center;justify-content:center;}
.is-center-right {display:flex;align-self:center;align-items:center;justify-content:right;}
.is-bottom-left {display:flex;align-self:flex-end;align-items:end;justify-content:left;}
.is-bottom-center {display:flex;align-self:flex-end;align-items:end;justify-content:center;}
.is-bottom-right {display:flex;align-self:flex-end;align-items:end;justify-content:right;}
.is-grid-center {display:grid;place-content:center;}
.is-relative {position:relative;}
.is-absolute {position:absolute;}
.is-fixed {position:fixed;}
.is-width-100 {width:100%;}
.is-max-width-unset{max-width:unset;}
.is-max-width-100{max-width:100%;}
.is-object-cover {object-fit:cover;}
.is-height-auto{height:auto;}
.is-height-100 {height:100%}
.is-width-100 {width:100%}
.is-z-index-2 {z-index:2;}
.is-z-index-3 {z-index:3;}
.is-uppercase {text-transform:uppercase;}
.is-left {left:0}
.is-right {right:0}
.is-text-center {text-align:center;}

/* text */
.text-primary {color:var(--color-primary);}
.text-secondary {color:var(--color-secondary);}
.text-tertiary {color:var(--color-tertiary);}
.text-success {color:var(--color-success);}
.text-warning {color:var(--color-warning);}
.text-info {color:var(--color-info);}
.text-error {color:var(--color-error);}
.text-dark {color:var(--color-dark);}
.text-light {color:var(--color-light);}
.text-white {color:var(--color-white);}
.text-muted {color:var(--color-muted);}
.text-lightgrey {color:var(--color-lightGrey);}
.text-grey {color:var(--color-grey);}
.text-darkgrey {color:var(--color-darkGrey);}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

/* buttons */
.button {padding:0.7rem 1.2rem;margin-top:1rem;color:var(--color-dark);background:var(--color-lightGrey);border-radius:4px;font-family:var( --font-system);font-size:var(--font-size);line-height:var(--line-height);text-align:center;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;text-decoration:none;-webkit-transform:scale(1);transform:scale(1);display:inline-block;cursor:pointer;border:1px solid transparent;white-space:nowrap;}
.button.round{border-radius:50px}
.button.primary {background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);}
.button.secondary {background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary);}
.button.tertiary {background-color:var(--color-tertiary);color:var(--color-white);border-color:var(--color-tertiary);}
.button.success {background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success);}
.button.warning {background-color:var(--color-warning);color:var(--color-white);border-color:var(--color-warning);}
.button.info {background-color:var(--color-info);color:var(--color-white);border-color:var(--color-info);}
.button.error {background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error);}
.button.dark {background-color:var(--color-dark);color:var(--color-dark);border-color:var(--color-dark);}
.button.light {background-color:var(--color-light);color:var(--color-dark);border-color:var(--color-light);}
.button.muted {background-color:var(--color-muted);color:var(--color-white);border-color:var(--color-muted);}
.button.lightgrey {background-color:var(--color-lightGrey);color:var(--color-dark);border-color:var(--color-lightGrey);}
.button.grey {background-color:var(--color-grey);color:var(--color-white);border-color:var(--color-grey);}
.button.darkgrey {background-color:var(--color-darkGrey);color:var(--color-white);border-color:var(--color-darkGrey);}
.button.outline {background-color:transparent;border-width:2px;}
.button:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,button:hover {opacity:.8}
.button+.button {margin-left:1rem}
.button.icon {-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.button.icon>img {margin-left:2px}
.button.icon-only {padding:1rem}
.button:active {-webkit-transform:scale(0.98);transform:scale(0.98);}


body {
	background:var(--bg-color);
	color:var(--font-color);
	font-family:var(--font-family-sans);
	font-size:var(--font-size);	
}


/* cards */
.cards {background-color:#0e0e0e;color:#ffffff;}
.cards p:not([data-level] p) {color:rgba(255, 255, 255, .7);font-size:1.0rem;}
.card {display:flex;flex-direction:column;gap:1rem;box-shadow:0 0 0.5rem hsl(0 0% 0% / 35%);border-radius:0;padding:30px 20px;background:#161616;transition:all 0.3s ease;text-align:center;text-decoration:none;transform-style:preserve-3d;transform:perspective(1000px);}
.card img {aspect-ratio:3/2;object-fit:cover;width:100%;}
.card img:first-child {border-radius:0.5rem 0.5rem 0 0;}
.card img:last-child {border-radius:0 0 0.5rem 0.5rem;margin-top:auto;}
.card > :not(img) {text-wrap:pretty;}
.card > :not(img):first-child {margin-top:1rem;}
.card > :last-of-type:not(img, h2, h3, h4) {margin-bottom:1rem;}
.card > a {align-self:start;}
.card > svg {margin:40px auto 0;height:80px;width:80px;}
.card .card-svg {margin:0px auto;}
.card p:not([data-level] button p) {color:rgba(255, 255, 255, 0.7);}
a.card:hover::after {content:"";background:#fff;background-size:100% 100%;position:absolute;inset:-1px;border-radius:0;transform:translateZ(-1px);/*filter:blur(8px);*/}
.card ol, .card ul {padding-inline-start:1.75em;margin-bottom:30px;}
.card h4 {font-size:1.8rem;}
.card .button {width:100%;}
.card p:last-child {margin: 0;}


/* faq */
.faq-items {width:100%;background:var(--color-primary);border-radius:10px;padding:5px;}
.faq-button {color:inherit;cursor:pointer;padding:30px 0px;width:100%;border:none;text-align:left;outline:none;font-size:1.6rem;transition:0.4s;background:inherit;position:relative;}
.faq-panel {padding:10px 0px;display:none;text-align:left;overflow:hidden;}
.faq-button:after {position:absolute;top:0;right:25px;content:" ";background-color:transparent;background-image:url(https://wickedinternet.nz/assets/images/angle-down-solid.svg);background-size:100% 100%;width:15px;height:100%;}
.faq-button.active:after {content:' ';background-image:url(https://wickedinternet.nz/assets/images/angle-up-solid.svg);}
.faq-button {color:#fff;padding:20px 0;}
.faq-item p:not([data-level] p) {color:rgba(255, 255, 255, .7);font-size:1.1rem;}
.faq-item {border-bottom:1px solid #474747;}

/* colour bars */
.color-bars {position:absolute;width:100%;top:0;margin:-150px auto 0;max-width:1140px;}
.color-bar {height:130px;filter:blur(130px);z-index:2;}
[data-preview-mode=true] .color-bars {margin: -80px auto 0;}

section h1:first-of-type {
    font-size: 6rem;
}

.features p {font-size: 16px;}
.features svg {width: 100%;}


/* main */
.main {line-height:var(--line-height);padding:0px;margin:0px auto;position:relative;}

/* header */
.header {background-color:rgba(255,255,255,0.7);padding:1rem 0;position:absolute;width:100%;top:0;z-index:2;max-width:1920px;box-shadow:0px 5px 10px rgba(0,0,0,0.1);}

/* navbar */
.navbar {background-color:rgb(22, 22, 22, 0.0);padding:15px;transition:all 300ms;z-index:4;}
.navbar.scrolled {background-color:rgba(22, 22, 22, 1.0);box-shadow:0 0 0.5rem hsl(0 0% 0% / 35%);}

/* logo */
.logo {width:80px;height:80px;background:rgba(0, 0, 0, 0.3);}
.logo img {height:80px;}

.page section:first-of-type {margin-top:120px;}

/* Menu */
ul.main-menu{display: flex;list-style: none;padding: 0;margin: 0px;height: auto;}
ul.main-menu li {display:block;height:100%}
ul.main-menu a {display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;text-transform:uppercase;padding:1.5rem 1rem;font-weight:600;background-color:transparent;color:#fff;font-size:1.2rem;text-decoration:none;}
ul.main-menu a:hover{color:#ffffff;}ul.main-menu a.active{background-color:#F7F8Fa;}ul.main-menu a.active{color:#555;}

/* Sub Menu */
ul.sub-menu{list-style:none;padding:0;margin:0;background:#161616;position:absolute;display:block;box-shadow:0 0 0.5rem hsl(0 0% 0% / 35%);}
ul.sub-menu{display:none}
ul.sub-menu.open{display:block}
ul.sub-menu a {padding:1rem;font-size:1rem;}

/* Mob Sub Menu */
.nav-open .nav-full-height ul.main-menu{height:auto}
.nav-open ul.main-menu{display:block;height:auto}
.nav-open ul.sub-menu{position:relative;max-height:0;overflow:hidden;transition:max-height 0.25s;}
.nav-open ul.sub-menu.open{max-height:550px;}
    
/* Burger Menu */
#menu-icon {width:40px;height:40px;position:absolute;display:none;top:15px;right:10px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
#menu-icon span {display:block;position:absolute;height:5px;width:100%;background:#ffffff;border-radius:0px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#menu-icon span:nth-child(1) {top:0px;}
#menu-icon span:nth-child(2),#menu-icon span:nth-child(3) {top:16px;}
#menu-icon span:nth-child(4) {top:32px;}
#menu-icon.open span:nth-child(1) {top:16px;width:0%;left:50%;}
#menu-icon.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#menu-icon.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#menu-icon.open span:nth-child(4) {top:16px;width:0%;left:50%;}


/* video */
.video-container {
	width:100%;
	border-radius:4px;
	margin:0 auto;
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	box-shadow:0px 8px 20px rgba(0, 0, 0, 0.4);
}
.video-container .video-wrapper {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.video-container video {
	width:100%;
	height:100%;
	border-radius:4px;
}
.play-button-wrapper {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:auto;
	pointer-events:none;
}
.play-button-wrapper #circle-play-b {
	cursor:pointer;
	pointer-events:auto;
}
.play-button-wrapper #circle-play-b svg {
	width:100px;
	height:100px;
	fill:#fff;
	stroke:#fff;
	cursor:pointer;
	background-color:rgba(0, 0, 0, 0.2);
	border-radius:50%;
	opacity:0.9;
}
/* Burger Menu */
#menu-icon {
	width:34px;
	height:40px;
	position:absolute;
	display:none;
	top:18px;
	right:10px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	cursor:pointer;
}
#menu-icon span {
	display:block;
	position:absolute;
	height:3px;
	width:100%;
	background:#222222;
	border-radius: 30px;
	opacity:1;
	left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
#menu-icon span:nth-child(1) {
	top:0px;
}
#menu-icon span:nth-child(2),#menu-icon span:nth-child(3) {
	top:12px;
}
#menu-icon span:nth-child(4) {
	top:24px;
}
#menu-icon.open span:nth-child(1) {
	top:16px;
	width:0%;
	left:50%;
}
#menu-icon.open span:nth-child(2) {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#menu-icon.open span:nth-child(3) {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#menu-icon.open span:nth-child(4) {
	top:16px;
	width:0%;
	left:50%;
}
#qr-code-container img {
	width: calc(100% - 30px);
	padding: 9px;
	margin: 15px;
	border-radius: 7px;
	background: rgb(255, 255, 255);
	display: block;
}
@media (max-width:1600px) {
	p {
		font-size: 20px;
	}
}
@media (max-width:1200px) {
	[data-level=h1] {
		font-size:3.0rem;
	}
	.logo {
		left:2rem;
	}
	.logo img {
		height:120px;
	}
}
@media (max-width:1024px) {
	[data-level=h1] {
		font-size:2.5rem;
	}
	#menu-icon {
		display:block;
	}
}
@media (max-width:991px) {
	.play-button-wrapper {
		display: none;
	}
}
@media (max-width:767px) {
	#menu-icon {
		display:block;
		top: 8px;
	}
	.navbar {
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:100%;
		margin:0 auto;
		height:40px;
	}
	.navbar {
		padding:15px 0;
	}
	.logo {
		left:1.5rem;
	}
	.logo img {
		height:82px;
		padding:10px 10px 0;
	}
}
@media (max-width:599px) {
	[data-level=h1] {
		font-size:1.7rem;
	}
	[data-level=h2] {
		font-size:1.7rem;
	}
	[data-level=h3] {
		font-size:1.2rem;
	}
	.logo {
		left: 1rem;
	}
}
@media (min-width:600px) and (max-width:1200px) {
	[data-level=h1] {
		font-size:calc(1.7rem + (100vw - 600px) / 600 * 20);
	}
	[data-level=h2] {
		font-size:calc(1.7rem + (100vw - 600px) / 600 * 20);
	}
	[data-level=h3] {
		font-size:calc(1.2rem + (100vw - 600px) / 600 * 10);
	}
}
@media (min-width:1201px) {
	[data-level=h1] {
		font-size:3.5rem;
	}
	[data-level=h2] {
		font-size:2.4rem;
	}
	[data-level=h3] {
		font-size:1.5rem;
	}
}