/*
Theme Name: CAPE 2.1.2
Theme URI: https://www.cape-ingenieure.de
Author: offo
Author URI: https://www.cape-ingenieure.de
Description: CAPE
Version: 2.1.2
License: Copyright 2024 CAPE
*/


/** ========================================================================== RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%; 
	text-transform: none;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
ul {
	list-style-type: none !important;
	-webkit-margin-before: 0 !important;
	-webkit-margin-after: 0 !important;
	-webkit-padding-start: 0 !important;
}


/** ========================================================================== BASIC */

body {
	font: 400 normal 14px/1.4em 'alternate-gothic-condensed-a', sans-serif;
	text-transform: none;
	text-align: left;
	letter-spacing: 0em;
	color: #141010;
	background: #f0efeb;	
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	
	-webkit-hyphenate-limit-chars: auto 3;
	-moz-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-chars: auto 3;
	hyphenate-limit-chars: auto 3;

	-webkit-hyphenate-limit-lines: 3;
	-moz-hyphenate-limit-lines: 3;
	-ms-hyphenate-limit-lines: 3;
	hyphenate-limit-lines: 3;
}
.site {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #f0efeb;
}
.logo {
	width: 124px;
	height: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	transition: all 0.2s ease-out;
}
.home .logo {
	opacity: 0;
}
.small_nav .logo {
	opacity: 1;
}
.logo svg {	 
	width: 100%;
	height: 100%;
}
.logo .letter,
.logo #frame {
	fill: #141010;
	transition: all 0.2s ease-out;	
}
.logo:hover .letter,
.logo:hover #frame {
	fill: #00b4c8;
}
.dark .logo .letter,
.dark .logo #frame {
	fill: #f0efeb;
}
.chap {
	padding: 6rem 0;	
}
.top {
	padding-top: 12rem;
}
.max {
	max-width: 1770px;
}


/** ========================================================================== TYPO */

@font-face {
	font-family: 'CAPEfont';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/CAPEfont-Regular.woff2") format("woff2"), url("fonts/CAPEfont-Regular.ttf") format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'CAPEfont';
	font-style: normal;
	font-weight: 700;
	src: url("fonts/CAPEfont-Bold.woff2") format("woff2"), url("fonts/CAPEfont-Bold.ttf") format("truetype");
	font-display: swap;
}
::selection {
	background: #333;
	color: #f0efeb;
}
::-moz-selection {
	background: #333;
	color: #f0efeb;
}
h1, h2, h3, h4, h5, h6, h7, h8 { 
	font: 900 normal 24px/1.3em 'alternate-gothic-condensed-a', sans-serif;
	letter-spacing: 0.02em;
	text-align: left; 
	padding-bottom: .9rem;
}
h1 { 
	text-transform: uppercase;
}
h1 span {
	display: inline;
}
h2 {
	text-transform: uppercase;
}
h2, h3, h4, h5 {
	font-size: 16px;
}
.text :is(h2, h3, h4) {
	font-weight: 400;
	padding-bottom: 0;
	text-transform: uppercase;
}
p, ul, li {
	font: 400 normal 18px/1.4em 'corporate-e', sans-serif;
	text-transform: none;
	padding-bottom: 1rem;
	text-align: justify;
	color: #141010;
}
.text li {
	padding-bottom: .5rem;
}
.text li::before {
	content: "·";
	display: inline-block;
	width: 0.7em;
	margin-left: -0.5em;
}
i, em {
	text-decoration: none; 
	font-style: italic;
	font-weight: 400;
}
b, strong { 
	letter-spacing: 0.05em;
	text-decoration: none; 
	font-style: normal;
	text-transform: uppercase;
	font-weight: 400;	 
}
mark {
	background: none !important;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a,
a:visited {
  	color: #141010;
	outline: none;
	text-transform: none;
	text-decoration: none;
	border: none;
}
a:hover,
a:active {
	color: #141010;
	border: none;
	cursor: pointer;
	text-decoration: underline;	
	text-decoration-thickness: 2px;
	text-underline-offset: 1px;
}
p a {
	white-space: nowrap;
}
p a:hover,
p a:active {
	white-space: nowrap;
	/*border-bottom: 1px solid #141010;*/
	text-decoration: underline;
}
.text blockquote p {
	font-size: 12px;
}
.small :is(h3, p) {
	padding-bottom: 0;
}
.small :is(h2, h3, h4, h5)  {
	font-weight: 900;
}
.text.small.intro {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.text.small.intro tr td:first-of-type {
	width: 40%;	
}
.text.small :is(p, ul, li, tr),
.text.small.intro :is(p, ul, li, tr) {
	font: 400 normal 14px/1.2em 'corporate-e', sans-serif;
}
.text.small.intro td {
	padding: .5em 0;
}
.text.small strong {
	font: 700 normal 14px/1.2em 'alternate-gothic-condensed-a', sans-serif;
	text-transform: uppercase;
}
.text.small em {
	font-weight: 700;
	font-style: italic;
}
.text.small a:hover,
.text.small a:active {
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}
.subtitle,
h1 .subtitle {
	font-weight: 400;
	text-transform: uppercase;	
}
.text p {
	padding-bottom: 1em;
}
.text ul,
.text ol {
	padding-bottom: 1rem;
}
.text ol {
	margin-left: 2em;
}
.text li {
	list-style: none;
	padding-left: 1em;
}
#intro .sectiontitle,
#overview .subtitle p {
	font: 900 normal 18px/1.3em 'alternate-gothic-condensed-a', sans-serif;
	text-transform: uppercase;
	text-align: left;
}
.text.l h1,
#overview h1 {
	font-size: 4.5vw;
	line-height: 1em;	
	text-transform: uppercase;
}
.intro .text.l h1,
#overview .text.l h1 {
	padding-top: 0;
	padding-bottom: 0;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
#overview .subtitle {
	padding-top: .2em;
}
.text.l p,
.text.l li {
	font-size: 24px;
}
.text.l li {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;}
.text.l li:before {
	font-family: 'CAPEfont';
	font-size: 5px;
	content: '-';
	margin-left: -3.5em;
	padding-right: 2.5em;
	line-height: 1px;
	vertical-align: 6px;
}
.text.small :is(h2, h3, h4, h5) {
	font-size: 14px;
	padding-top: 1em;
	padding-bottom: 1em;
}
.text.cols {
	column-count: 2;
	column-gap: 16px;
}


/** ========================================================================== FRONTPAGE */

#landing #giant_nav :is(h1, li, a) {
	font: 600 normal 12vw/.8em 'alternate-gothic-condensed-a', sans-serif;
	font-size: calc(8vw + 8vh);
	text-decoration: none;
 	text-transform: uppercase;
	letter-spacing: .02em;
	transition: all 0.2s ease-out;	
	white-space: nowrap
}
#landing #giant_nav a {
	display: block;
}
#landing #giant_nav a:hover,
#landing #giant_nav a:active {
	border: none;
	text-decoration: none;	
}
#landing #giant_nav li:hover,
#landing #giant_nav li:hover a {
	color: #00b4c8;
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#giant_nav a {
	opacity: 0;
	animation: fadein .5s ease-in-out forwards;
}
#giant_nav li:nth-child(1) a{	
	animation-delay: 0s;
}
#giant_nav li:nth-child(2) a{	
	animation-delay: .75s;
}
#giant_nav li:nth-child(3) a{	
	animation-delay: 1.5s;
}
#giant_nav li:nth-child(4) a{	
	animation-delay: 2.25s;
}
.intro {
	padding-top: 6rem;
	padding-bottom: 4rem;
}
.intro .text.l :is(p, li){
	text-align: justify;
	letter-spacing: .02em;
}
#overview .project {
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}
#overview #detailed.col.left {
	padding-right: 0;
}
#overview #detailed .project .content {
	padding-left: 8.332%;
}
#overview h1,
.image_container .image,
.image_container img {
	transition: all 0.2s ease;
}

#further_projects h1,
#further_projects h1 a {
	font-size: 4.5vw;
	line-height: 1em;	
	text-transform: uppercase;
	text-align: center;
}
#further_projects h1 a:hover,
#further_projects h1 a:active {
	border-bottom: none;
	text-decoration: underline;
	text-decoration-thickness: 8px;
	text-underline-offset: 8px;
}


/* ========================================================================== BLOG */

.blog_element.odd .content_all,
.blog_element.even .image_container {
	float: right;
	right: 0;
}
.blog_element.even .content_all,
.blog_element.odd .image_container {
	float: left;
	left: 0;
}
.blog_element a:hover,
.blog_element a:active {
	text-decoration: none;
}
.image_stretch {
	position: absolute;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: -1;
}
.blog_element .content_all,
.blog_element .image_container {
	width: 50%;
}
.blog_element .content_all {	
	height: 100%;
	position: absolute;	
}
.blog_element .content_all_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#frontpage .blog_element.odd .content_all_inner {
	padding-right: 8.667%;
}
#frontpage .blog_element.even .content_all_inner {
	padding-left: 8.667%;
}

#kontakt p {
	text-align: left;
}

/** ========================================================================== SINGLE PROJECT */

#single_project {
	padding-top: 60px;
}
#single_project .c_inner .content {
	padding-bottom: 4rem;
}
#single_project td:first-child,
.project_gal .image_caption {
	font: 700 normal 14px/1.2em 'alternate-gothic-condensed-a', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
#single_project table {
	border-collapse: collapse;
}
#single_project table tr {
	border-bottom: 1px solid #e6e4e2;
}
#single_project table td:first-of-type {
	width: 40%;
	padding-right: 1em;
}
#single_project table td:last-of-type {
	width: 60%;
}
#single_project table tr.further td {
	height: 4em;
	vertical-align: bottom;
}
#single_project table tr:last-of-type {
	border-bottom: none;
}
#single_project .further_info {
	padding-top: 2em;
}
#single_project .further_info :is(p, ul, li) {
	text-align: left;
}
#single_project .project_gal {
	margin-right: -5vw;
	overflow: hidden !important;
}
.project_gal .gal_element {
	margin-bottom: 16px;
}
.project_gal:last-of-type .gal_element:last-of-type {
	margin-bottom: 0;
}
.project_gal.slick-initialized .gal_element {
	margin-bottom: 0;
}
.project_gal .image_caption {
	padding: 1em 0;
}
.gal_element {
	position: relative;
	font-size: 0px;
	line-height: 0;
	padding: 0;
}


/** ========================================================================== PROJECTS LIST */

#sort_navigation_container,
#projects h2 {
	padding-top: 60px;
}
#projects .headline_container {
	background: #f0efeb;
	padding-bottom: 2em
}
#projects .headline_container .headline_small {
	font-size: 16px;
	display: block;	
}
#projects h2 {
	font-size: 24px;
}
#projects .text li {
	padding-left: 0;
}
#projects p {
	text-align: left;
}
#projects .text li::before {
	content: '' !important;
	width: 0;
	margin-left: 0;
}

#projectslist-navigation {
	display: none;
	z-index: 1;
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
	height: auto;
	background: #f0efeb;
	border-top: 2px solid black;
}
#projectslist-navigation li {
	padding-top: .5em;
	padding-bottom: .5em;
}
#projectslist-navigation a {
	display: block;
	line-height: 24px !important;
}


/* ========================================================================== TEAM */

.teammember .textblock {
	padding-top: 1em;
}
#listings {
	text-align: center;
	font-size: 0px;
}
.listings_logo {
	width: auto;
	display: inline-block;
}
.listings_logo .image {
	width: auto;
	padding: 16px;
}
.listings_logo .image img {
	width: auto;
	height: 5rem;
}
#profil .further_info {
	padding-top: 6em;
}


/* ========================================================================== MAIN NAVIGATION */

header,
#fixhead,
#fixfooter, 
#main-navigation, 
#main-navigation li,
#main-navigation li a 
{
	transition: all 0.5s ease;
}
#fixhead {
	position: fixed;
	top: 0px;
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 0;
	z-index: 1000;
	opacity: 1;
}
#main-navigation {
	width: 100%;
	height: auto;
	padding-top: 13px;
}

.home #main-navigation {
	opacity: 0;
}
.home.small_nav #main-navigation {
	opacity: 1;
}

#fixhead,
.home.small_nav #fixhead 
{
	background: #f0efeb;
}
#fixhead.dark,
.home.small_nav #fixhead.dark 
{
	background: #141010;
}
.home #fixhead {
	background: transparent;
}

.menu-main-navigation-container {
	text-align: right;
}
#main-navigation ul {
	margin: 0; 
	padding: 0;
	text-align: right;
}
#footer-navigation ul {
	padding-bottom: .7em;
}
#main-navigation li,
#footer-navigation li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	max-height: 40px;	
	position: relative;
	padding-bottom: 0;
}
:is(#main-navigation, #footer-navigation, #projectslist-navigation) li a {
	font: 900 normal 18px/40px 'alternate-gothic-condensed-a', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-align: left;
	border-bottom: 4px solid transparent;
	transition: all 0.1s ease-out;
	text-decoration: none;
}
:is(#main-navigation, #footer-navigation, #projectslist-navigation) li a:hover,
:is(#main-navigation, #footer-navigation, #projectslist-navigation) li a:active { 
	cursor: pointer;
	color: #00b4c8;
}
#footer-navigation {
	position: absolute;
	bottom: 0;	
	right: 4.667%;
}

.dark li a {
	color: #f0efeb;
	/*color: #d8d8d8;*/
}
:is(#main-navigation, #footer-navigation, #offnav_content, #projectslist-navigation ) li a.nav_active {
	cursor: pointer;
	color: #00b4c8 !important;
	border-bottom: 4px solid #00b4c8;
}
#offnav_content li a.nav_active,
#projectslist-navigation li a.nav_active {
	border-bottom: none;
}


/* ========================================================================== FOOTER NAVIGATION */

footer {
	width: 100%;	
	min-height: 100vh;
	position: relative;
}
#kontakt {
	min-height: 100vh;
	position: relative;
}
#kontakt .text p {
	padding-bottom: 4em;
}
#cr {
	position: absolute;
	bottom: 0;
	padding: 0 0 4rem 0;
}
#fixfooter {
	color: #141010;
	width: 100%;
	position: fixed;
	height: 60px;
	bottom: 0;
	background: #f0efeb;
	z-index: 100;
}
#fixfooter.dark {	
	color: #f0efeb;
	background: #141010;
}

#fixfooter-navigation li a {
	line-height: 60px;
}


/** ========================================================================== BUTTONS ETC */

button,
.button, 
input[type="button"], 
.input.button,
input[type="submit"],
input.submit {
	font-family: 'alternate-gothic-condensed-a', sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #141010;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	text-indent: 0;
	letter-spacing: .04em;
	text-decoration: none;
	width: auto;
	min-width: 16em;
	background-color: transparent;
	border: 2px solid #141010;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 0;
	
	display: inline-block;
	line-height: 1.5em;
	padding: .5em 3em;
	box-sizing: border-box;
	transition-duration: 0.2s;
}

button:hover,
button:active,
.button:hover, 
.button:active, 
.edit:hover, 
.edit:active,
input[type="button"]:hover, 
input[type="submit"]:hover {
	border: 2px solid #00b4c8;
	color: #00b4c8;
	background-color: transparent;
	cursor: pointer ;		
}

footer {z-index: 10;}
.image {z-index: 9;}


/* ========================================================================== SORT NAVIGATION */

#sort_navigation {
	display: grid;	
	grid-template-columns: repeat(6, 1fr);	
	column-gap: 1em;
	row-gap: 1em;
}
#sort_navigation .button {
	background: transparent;
	border: 2px solid #141010;
	color: #141010;
	margin: 0;
	grid-column-end: span 6;
	
}
#sort_navigation .button:hover,
#sort_navigation .button:active {
	background: transparent;
	border: 2px solid #00b4c8;
	color: #00b4c8;
}
#sort_navigation .button.current {
	background: #00b4c8;
	border: 2px solid #00b4c8;
	color: #f0efeb;
}
#sort_navigation_message {
	font-size: 16px;
	font-weight: 700;
	color: #00b4c8;
	text-align: center;
	margin-top: 4rem;
}


/* ========================================================================== */

.bg_dark {
	background: #141010;
}
.bg_dark :is(h1, h3){
	font-weight: 700;
}
.bg_dark,
.bg_dark :is(h1, h2, h3, p, a, li){
	color: #f0efeb;
}
.button.dark {
	color: #f0efeb;
	background-color: #141010;
}
.button.dark:hover,
.button.dark:active {	
	border: 2px solid #00b4c8;
	color: #f0efeb;
	background-color: #00b4c8;
}


/** ========================================================================== IMAGES */

.image { 
	height: auto;
	line-height: 1px;
}
img,
.image img {
	width: 100%; 
	height: auto;
}
.lazy {
	background: #f0efeb;
}
img.lazy {
	background: none;
	display: block;
}
img,
a img,
.alignleft a,
.alignright a,
.aligncenter a,
.alignnone a {
	border: none !important;
}
p img {
	max-width: 100%;
}
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; 
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; 
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; 
}
.alignleft,
.alignright {
	width: 70% !important;
	height: auto;
	margin-top: 0;	
	margin-left: 0;	
	padding-top: 1em;
	padding-bottom: 1em;
	box-sizing: border-box;
}
.alignleft {
	float: left;
	margin-right: 8.667%;
	margin-left: -25%;
}
.alignright {
	float: right;	
	margin-left: 8.667%;
	margin-right: -25%;
}
.alignleft img,
.alignright img,
.aligncenter img {
	width: 100%;
	height: auto;
}
.aligncenter {
	width: 70% !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}
.alignnone {
	width: 100%;
	display: block;
	margin-top: 2em;
	margin-bottom: 2em;
}
.wp-caption-text {
	font-family: 'alternate-gothic-condensed-a', sans-serif !important;
	font-size: 14px !important;
	border: none;
	text-align: right;	
	padding-top: 1em;
}
.alignleft .wp-caption-text {
	text-align: right;
	padding-left: 20%;
}
.alignright .wp-caption-text {
	text-align: left;
	padding-right: 20%;
}
embed,
iframe,
object,
video {
	max-width: 100%;
}
iframe{
	width: 100%;
}
.fluidvids {
	padding-top: 56.25%;
	width: 100%;
	max-width: 100%;
	position: relative;	
}
.fluidvids-item {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}


/** ========================================================================== CMPLZ COOKIE INFO */

.cmplz-cookiebanner .cmplz-link:hover {border: none;}
#cmplz-manage-consent  {display: none !important;}
.cmplz-message {
	font-family: 'corporate-e', sans-serif;
	font-size: 14px !important;
	line-height: 1.4em !important;
}

/* ========================================================================== RESPONSIVE */

@media only screen and (min-width: 1920px) { 
	.slick-slider { overflow: visible !important;}
	.slick-next {right: -8% !important;}
	.slick-prev {left: -8% !important;}
}


@media only screen and (max-width: 1180px) {
	
	#projects .headline_container {
		padding-bottom: 16px;
	}
	#projects .headline_container h2 {
	    padding-top: 16px;
    	padding-bottom: 0;
	}	

}


@media only screen and (max-width: 1024px) {

	#landing #giant_nav :is(h1, li, a) {
		font-size: calc(8vw + 6vh);
	}
	.text.l p, .text.l li {
		font-size: 20px;
	}
	.intro .text.l h1,
	#overview .text.l h1 {
		padding-top: 0;
		padding-bottom: 0;
		/*-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;*/
	}
}


@media only screen and (max-width: 768px) {
	
	#main-navigation-container,
	#fixfooter {
		display: none;
	}
	#landing #giant_nav :is(h1, li, a) {
		font-size: calc(8vw + 4vh);
	}
	.top,
	#landing #giant_nav {
		padding-top: 100px !important;
	}
	.chap {
		padding: 4rem 0;
	}
	#footer-navigation {
		display: none;
	}
	.intro .text.l p {
		text-indent: 0em;
	}
	.text.l h1,
	#overview h1 {
		font-size: 36px;
	}
	.blog_element.even .content_all,
	.blog_element.odd .content_all,
	.blog_element.odd .image_container,
	.blog_element.even .image_container{
		float: none;
	}
	.blog_element .content_all, 
	.blog_element .image_container,
	.blog_element .image_stretch {
	    width: 100%;
		float: none;
		position: relative;
	}
	.blog_element .image_container,
	.blog_element .image_stretch {
		width: calc(100% + 10vw);	
	}	
	.blog_element .image_stretch {
		display: none;
	}
	.blog_element .content_all {
		height: auto;
		padding: 2em 0 6em 0;
	}
	.blog_element .content_all_inner {
		position: relative;
		top: 0;
		left: 0;
		transform: translateY(0) translateX(0);
	}
	.image_stretch {
		position: relative;
		opacity: .3;
	}
	.modal_trigger_link .button {
		width: 100%;
	}
	#single_project .grid {
		display: block;
	}
	#single_project .project_gal {
		margin-left: 0;
		margin-right: 0;
	}
	.image_container {
		margin-left: -5vw;		
		width: calc(100% + 10vw);
	}

	#gallery_section {
		margin-left: -5vw;		
		width: calc(100% + 10vw);
	}
	.slick-prev:before, .slick-next:before {
		padding: 1em !important;
	}
	.project_gal .gal_element .image_desc {
		padding: 1em 5%;
	}
	#projectslist-navigation {
		display: block;
	}


}


@media only screen and (max-width: 600px) {

	.logo {margin-left: 5vw;}
	.slick-prev:before, .slick-next:before {
		display: none !important;
	}
	#main_inner {
		min-height: 100vh;
	}
	#landing #giant_nav :is(h1, li, a) {
		font-size: calc(8vw + 4vh);
	}
	.text.l h1,
	#overview h1 {
		font-size: 32px;
	}
	.text.l p, .text.l li {
		font-size: 18px;
	}


	
}