/* =========================
   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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =========================
   FONTS
========================= */


@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=b2d7ce47-a44e-4f0b-8c93-615d9a30c2da&fontids=1603212,1603254,1603258");
@font-face{
	font-family: "Gill Sans Nova W01 Light";
	src:url("../font/1603254/c572ff9b-e9a8-402f-ab8e-c00171637f3e.eot?#iefix");
	src:url("../font/1603254/c572ff9b-e9a8-402f-ab8e-c00171637f3e.eot?#iefix") format("eot"),url("../font/1603254/ada1c864-6830-43ca-a5a2-51870437413e.woff2") format("woff2"),url("../font/1603254/03d6828c-b347-428e-8c8f-5cab8ef67192.woff") format("woff"),url("../font/1603254/41a12fd9-0a9e-4410-8caf-ea71db2486fe.ttf") format("truetype");
}
@font-face{
	font-family: "Gill Sans Nova W01 Book Italic";
	src:url("../font/1603212/22e2ca5e-adf6-41b2-b40d-18ce3be86f77.eot?#iefix");
	src:url("../font/1603212/22e2ca5e-adf6-41b2-b40d-18ce3be86f77.eot?#iefix") format("eot"),url("../font/1603212/a2bba372-7bdb-4a75-a17a-6afcd47ef5f5.woff2") format("woff2"),url("../font/1603212/88e1b823-5907-4654-ae0a-cb6a3e7a3cc5.woff") format("woff"),url("../font/1603212/ad5ef801-a546-41d4-b48c-c55597505913.ttf") format("truetype");
}
@font-face{
	font-family: "Gill Sans Nova W01 Medium";
	src:url("../font/1603258/f3eb8957-9a49-44f7-8021-4df726043a6d.eot?#iefix");
	src:url("../font/1603258/f3eb8957-9a49-44f7-8021-4df726043a6d.eot?#iefix") format("eot"),url("../font/1603258/54b694e4-27f0-465e-9bc4-6639d5bf709a.woff2") format("woff2"),url("../font/1603258/fbbea18d-5f65-424f-8883-dadcefcc4ef8.woff") format("woff"),url("Fonts/1603258/3ae909f5-59b6-4fff-adc3-bb5b51edccad.ttf") format("truetype");
}

/* =========================
   VARS
========================= */

:root {
	--card-grid-width: 50vw;
	--master-padding: 12vw;
	--master-padding-right: 10vw;
	--master-padding-clamp: clamp(88px, var(--master-padding), 200px);
	--card-grid-width-mobile: calc(100vw - (var(--master-padding-clamp) + var(--master-padding-right)));
}


/* =========================
   BASE
========================= */

body {
    margin: 0;
    padding: 0;
    background: #ebfd73;
    font-family: "Gill Sans Nova W01 Medium", "Gill Sans", sans-serif;
	color: #fff;
}

.content picture,
.content figure,
.content picture img {
  display: block;
  height: 100%;
}


/* =========================
   TYPOGRAPHY
========================= */

h1 {
	font-family: "Gill Sans Nova W01 Medium", "Gill Sans", sans-serif;
}
h1 em {
	display: block;
	text-transform: uppercase;
	font-size: 2em;
	margin-bottom: .5em;
	line-height: 1em;
}

h2 {
    font-size: clamp(24px, 2.5vw, 2.5vw);
    margin-bottom: 24px;
    text-transform: uppercase;
}
h3 {
	font-size: clamp(24px, 1.65vw, 1.65vw);
	line-height: 1.25em;
	margin-bottom: 16px;
}
h3.quote {
	font-family: "Gill Sans Nova W01 Light", "Gill Sans", sans-serif;
	font-size: clamp(24px, 3.35vw, 3.35vw);
    text-align: center;
    margin-bottom: 2.9vmax;
}
h1, h2, h3 {
	hyphens: manual;
}
p {
	font-size: clamp(16px, 1vw, 1vw);
	line-height: 1.4em;
	hyphens: auto;
}
.no-hyphens {
	hyphens: none;
}
.mb {
	margin-bottom: 20px;
	display: block;
}
.mb-2 {
	margin-bottom: 40px;
}
.font-light {
	font-family: "Gill Sans Nova W01 Light", "Gill Sans", sans-serif;
}
.fs-large {
    font-size: clamp(48px, 4vw, 4vw);
}
.fs-medium-2 {
    font-size: clamp(32px, 2.5vw, 2.5vw);
}
.fs-medium {
	font-size: clamp(20px, 1.7vw, 1.7vw);
}
.content-claim {
	font-size: clamp(4vw, 6vw, 7vw);
	text-transform: uppercase;
}
.uppercase {
	text-transform: uppercase;
}
.fs-medium.quote {
	font-size: clamp(24px, 2.3vw, 2.3vw);
	hyphens: manual;	
    font-family: "Gill Sans Nova W01 Book Italic", "Gill Sans", sans-serif;
	border-radius: 24px;
	background: repeating-linear-gradient( 135deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 6px );	
	padding: 2vw;
	text-align: center;
}
.claim h2 {
	text-transform: none;
	line-height: 1.4em;	
	hyphens: manual;
}

/* =========================
   UTILITIES
========================= */

.bg-white {
    background: #fff;
}
.bg-white, .bg-yellow {
	color: #000;
}
.bg-grey {
	background: #bfbfbf;
	color: #000;
}

.vh-80 {
	height: 80vh;
}
.vh-100 {
	height: 100vh;
}
.ratio-16-9 {
    height: calc(100vw / 16 * 9);
}
.ratio-235-1 {
    height: calc(100vw / 2.35);
}
.ratio-2-1 {
    height: calc(100vw / 2);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hide-desktop {
	display: none !important;
}

/* =========================
   BUTTONS
========================= */
button, a.button {
	height: 56px;
	background: no-repeat;
	border: none;
	border-radius: 4px;
	padding: 0 clamp(24px, 2.5vw, 64px);
  	font-size: clamp(16px, 1vw, 1vw);
	text-transform: uppercase;
	color: #000;
	font-family: "Gill Sans Nova W01 Medium", "Gill Sans", sans-serif;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	display: inline-block;
}
a.button {
	align-self: center;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	line-height: 54px;	
	text-decoration: none;
}
button:hover {
	background: rgba(0,0,0,0.1);
}
button.btn-white {
    background: none;
    color: #fff;
    border: 1px solid #fff;
}
button.btn-white:hover {
	background: rgba(255,255,255,0.1);
}
button.cta {
	margin-top: 32px;
}
button.hatched, a.button.hatched {
	background: repeating-linear-gradient( 135deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 6px );	
	-webkit-text-stroke-color:#ebfd73;
	text-stroke-color:#ebfd73;
	-webkit-text-stroke-width:4px;
	text-stroke-width:4px;
	paint-order: stroke fill;
	/* margin-top: 40px; */
	width: 180px;
	font-size: 20px;
	color: #8400FF;
	/* transition: none; */
}
button.hatched:hover, a.button.hatched:hover {
	/* background: rgba(132, 0, 255, 0.6); */
	background: repeating-linear-gradient( 135deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 6px );	
	/* color: #ebfd73; */
	-webkit-text-stroke-width: 8px;
	text-stroke-width: 8px;
	font-size: 22px;
}

a.underline {
	text-decoration: none;
	position: relative;
	display: inline;
	height: auto;
	color: #000;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	white-space: nowrap;
}
a.underline:hover {
	color: #8400FF;
}
a.underline:hover::after {
	transform: scaleX(1.2);
}
a.underline::after {
	content: '';
	display: block;
	width: auto;
	height: 5px;
	background: url('../images/underlines/underline-sq.webp') no-repeat center;
	transition: transform 0.3s ease-in-out; /*! transform: scaleX(0); */ 
	transform-origin: center;
	position: absolute;
	left: -8px;
	bottom: -4px;
	right: -5px;
	background-size: 100% 100%;
	pointer-events: none;
}


/* =========================
   HEADER
========================= */

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: auto;
    z-index: 20;
  	display: flex;
	flex-direction: row;
}
.logo {
    width: clamp(72px, 8vw, 160px);
    height: auto;
}



/* =========================
   HERO
========================= */
.hero {
	position: relative;
	width: 100vw;
	height: 100svh;
	display: grid;
	align-items: center;
	grid-template-columns: var(--master-padding-clamp) auto auto;
	grid-template-rows: 1fr max-content 1fr;
}
.hero-claim, .footer-claim {
	font-size: clamp(23px, 1.7vw, 1.7vw);
	color: #000;
	width: auto;
	opacity: .9;
	line-height: 1.25em;
	grid-column: 2;
	grid-row: 2;
	align-self: end;
	margin-right: var(--master-padding);
}
.hero-claim {
	max-width: 30vw;
}
.hero-subline {
	display: block;
}
.hero-video {
	width: 100%;
	height: 100%;
	grid-column: 3;
	grid-row: 2;
	display: block;
	object-fit: cover;
	transform: translateZ(0);
}
.cta-container {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex-flow: wrap;
	margin-top: 40px;
}

/* ANIMATION SCROLL POINTER */
@keyframes scrollPointer {
	0% { transform: translateY(0);}
	50% { transform: translateY(-8px);}
}

.scroll-hint {
	grid-row-start: 3;
	height: clamp(80px, 5vw, 5vw);
	grid-column: 2;
	justify-self: left;
	align-self: center;
	animation-name: scrollPointer;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}


/* =========================
   CONTENT LAYOUT - GENERAL
========================= */

.content, .footer {
	display: grid;
	overflow: hidden;
	align-items: center;
	justify-items: center;
	gap: 0;
	position: relative;
}
.content {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 100%;
}
.content-padding-vertical {
    padding: 10vw 0;
}
.content-padding-vertical-bottom {
    padding: 0 0 10vw 0;
}
.content-intro {
	grid-column: 1 / -1;
	margin: 0 var(--master-padding-right) 0 var(--master-padding-clamp);
	max-width: 60vw;
}
.project {
	gap: 12vw;
}

.about {
	grid-template-columns: 100%;
	background: linear-gradient(135deg,rgba(108, 120, 106, 1) 0%, rgba(142, 154, 140, 1) 100%);	
}

.footer {
	color: #000;
}



/* =========================
   CONTENT LAYOUT
========================= */
.content img {
    width: 100%;
    height: 100%;
	display: block;
	object-fit: cover;
    object-position: top;
}
.content-back-image, .content-back-video {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	object-fit: cover;
	align-self: center;
	height: 100%;
	width: 100%;
}
.contain-left {
	object-fit: contain !important;
	object-position: left !important;
}
.content-image {
	grid-row: 1;
	align-self: end;
	z-index: 2;
	grid-column: 1;
}
.content-image.left {
	grid-column: 1 / 1;
}
.content-image.right {
	grid-column: 2 / 2;
}
.content-text {
	grid-row: 1;
	align-self: center;
	justify-self: left;
	z-index: 2;
}
.content-text.left {
	grid-column: 1;
	margin: 0 4vw 0 var(--master-padding-clamp);
}
.content-text.right {
	grid-column: 2;
	margin: 0 var(--master-padding) 0 4vw;
}

.project .content-text, .faq .content-text {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 4vw min-content auto 4vw;
	height: 100%;
}
.article-label {
	text-transform: uppercase;
	color: rgba(255,255,255,0.6);
	grid-row: 2;
	align-self: end;
}
.article-description {
	grid-row: 3;
	align-self: center;
}

.content.two-column-text {
  	grid-template-rows: auto auto;
}

.two-column-text .content-text {
	grid-row: 2;
	align-self: start;
}
.two-column-text .two-col-headline {
	grid-row: 1;
	align-self: end;
	margin: 0 4vw 0 var(--master-padding-clamp);
	justify-self: start;
}

.fade-out-white {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: #FFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}



/* =========================
   FAQ LAYOUT
========================= */
.faq-blue {
	/* background: #004E6C;
	background: linear-gradient(224deg, rgba(0, 78, 108, 1) 0%, rgba(0, 144, 178, 1) 100%); */
	background: #10928D;
	background: linear-gradient(135deg,rgba(16, 146, 141, 1) 0%, rgba(38, 158, 154, 1) 100%);	
}
.faq-black {
	/* background: #181818;
	background: linear-gradient(135deg, rgba(24, 24, 24, 1) 0%, rgba(77, 77, 77, 1) 100%); */
background: #2e2e2e;
background: linear-gradient(135deg, rgba(46, 46, 46, 1) 0%, rgba(82, 82, 82, 1) 100%);
}
.faq-red {
	/* background: #631B1F;
	background: linear-gradient(135deg, rgba(99, 27, 31, 1) 0%, rgba(178, 71, 79, 1) 100%); */
background: #827531;
background: linear-gradient(135deg, rgba(130, 117, 49, 1) 0%, rgba(158, 144, 54, 1) 100%);
}
.faq .content-image {
	min-height: 100%;
	align-content: end;
	min-width: 100%
}

/* =========================
   ABOUT LAYOUT
========================= */
.ixdp-info {
	display: grid;
	gap: calc(var(--card-grid-width) * 0.04);
	grid-template-columns: 1fr 1fr;
	grid-template-rows: calc(var(--card-grid-width) / 2 / 2.25) calc(var(--card-grid-width) / 2 / 1.2) calc(var(--card-grid-width) / 2 / 2.25) calc(var(--card-grid-width) / 1.58);
  	width: var(--card-grid-width);
}
.info-card {
	background: #fff;
	color: #000;
	text-align: center;
	align-content: center;
	display: grid;
	grid-template-rows: 1fr 1fr;
}
.info-card p {
	margin: 0;
}

.info-card.photo {
    background-position: center;
    background-size: cover;
}
.info-card.grid-1-1 {
	grid-column-start: 1;
	grid-row-start: 1;
}
.info-card.grid-1-2 {
	grid-column-start: 1;
	grid-row-start: 2;
}
.info-card.grid-1-3 {
	grid-column-start: 1;
	grid-row-start: 3;
}
.info-card.grid-2-1 {
	grid-column-start: 2;
	grid-row-start: 1;
	grid-row-end: span 3;
}
.info-card.grid-1-4 {
	grid-column-start: 1;
	grid-row-start: 4;
	grid-column-end: span 2;
}

.card-label {
	text-align: left;
	align-self: end;
	padding: clamp(10px, 1vw, 1vw);
	color: #000;
}
.card-graphic {
	grid-row-start: 1;
	grid-row-end: span 2;
}
.info-card.photo {
	padding: 0;
}
.info-card.photo img {
	object-fit: cover;
	height: 100%;
}
.card-photo {
	grid-row-start: 1;
	grid-row-end: span 2;
	grid-column-start: 1;
}
.photo-label {
	grid-row-start: 2;
	grid-column-start: 1;
	display: flex;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	height: 6vw;
	align-self: end;
}
.photo-label .card-label {
	width: 50%;
	color: #fff;
}
.card-label span {
	margin-left: .3vw;
}



/* =========================
   FOOTER LAYOUT
========================= */

/* .footer {
	background: #ebfd73;
	height: 100vh;
	width: 100vw;
	display: grid;
	grid-template-columns: 1fr 60vw 1fr;
	grid-template-rows: auto 20vh;
	gap: 0;
} */
.footer {
	background: #ebfd73;
	height: 100vh;
	width: 100vw;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: auto 10vh;
	gap: 0;
}

.footer .content-text {
	grid-row-start: 1;
	align-self: center;
	justify-self: center;
	grid-column: 2 / -2;
}

.footer-links-container {
	grid-row: 2;
	grid-column-start: 1;
	grid-column-end: span 3;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.9);
	grid-template-columns: 2.3vw auto max-content max-content 2.3vw;
	display: grid;
	align-content: center;
}
.footer-claim {
	grid-column-start: 2;
	grid-row-start: 1;
	align-self: center;
	color: #ebfd73;
	font-size: clamp(18px, 1.25vw, 1.25vw);
}

.icon-links-container {
	display: flex;
	flex-direction: column;
	grid-column-start: 3;
	grid-row: 1;
	margin-left: 6vw;
}
.icon-links-container:nth-child(3) {
	grid-column-start: 4;
}
.icon-link {
	height: 48px;
	display: flex;
	gap: 12px;
	align-items: center;
	cursor: pointer;
}
.icon-link img {
	width: 32px;
}
.icon-link a, .text-link {
	color: #ebfd73;
	text-decoration: none;
	font-size: clamp(16px, 1vw, 1vw);
}
.icon-link:hover a {
	text-decoration: underline;
}
.text-link {
	height: 48px;
	display: flex;
	align-items: center;
}
.footer-line {
	grid-row: 2;
	grid-column: 1 / -3;
	justify-self: left;
	margin-left: 3vw;
}
.footer-line a {
	text-decoration: navajowhite;
	color: #000;
	transition: all 0.3s ease-in-out;
}
.footer-line a:hover {
	color: #8400FF;
	text-decoration: underline;
}
.footer-line.space-evenly {
	grid-row: 2;
	grid-column: 2;
	margin-left: 0;
	gap: 6vw;
	justify-content: start;
	margin-right: 3vw;
	display: flex;
}

@media only screen and (max-width: 767px) {
	/* =========================
   		UTILITIES
	========================= */
	.hide-mobile {
		display: none;
	}
	.hide-desktop {
		display: block !important;
	}
	.vh-80 {
		height: auto;
	}
	h3 {
		margin: 0;
		margin-bottom: 8px;
	}
	a.underline::after {
		height: 3px;
		left: -8px;
		bottom: -2px;
		right: -5px;
		background-size: 100% 100%;
	}
	.content-padding-vertical-bottom {
		padding: 15vw 0 15vw 0;
	}
	/* =========================
   		HERO
	========================= */

	.hero {
		grid-template-columns: clamp(88px, 12vw, 200px) auto 0;
		grid-template-rows: 15vh 60vh 10vh 15vh auto;
		height: auto;
	}
	.hero-claim {
		grid-column: 2;
		grid-row: 2;
		align-self: center;
		max-width: 100%;
	}
	.hero-video {
		grid-column: 1 / -1;
		grid-row: 5;
		height: auto;
		object-fit: cover;
	}
	
	/* =========================
   		CONTENT LAYOUT
	========================= */
	.content {
		grid-template-columns: 100vw;
		grid-template-rows: auto auto;
		height: auto;
		gap: 0;
	}
	.content-image {
		grid-column: 1;
		grid-row: 1;
	}
	.content-text, .content-text.right, .content-text.left {
		grid-column: 1;
		grid-row:  2;
		margin: 2vw var(--master-padding-right) 0vw var(--master-padding-clamp);
	}
	.article-description {
		grid-row: 3;
		align-self: end;
	}
	.two-column-text .content-text {
		grid-row: auto;
	}
	.two-column-text .two-col-headline {
		margin: 0 var(--master-padding-right) 0 var(--master-padding-clamp);
	}	

	/*  CONTENT CLAIM
	------------------------- */	
	.claim .content-text {
		align-self: center;
		/* margin-bottom: 12vw !important; */
	}
	.claim .content-text.left {
		grid-row: 1;
		margin-top: 3vh;
		margin-bottom: 3vh;
	}
	.claim .content-text.right {
		grid-row: 2 !important;
	}

	/*  CONTENT PROJECT
	------------------------- */	
	.project {
		height: 80vh;
		grid-template-rows: 1fr;
		gap: 0;
	}

	.project .content-text {
		grid-template-rows: 0px min-content auto;
		margin: 0 !important;
		background: rgba(0,0,0,0.6);
		background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
		width: 100%;
		height: 100%;
		padding: 12vw 5vw 12vw var(--master-padding-clamp);
		box-sizing: border-box;
		grid-row: 1 / -1;
		max-width: 100%;
	}	
	.project h3 {
		margin-bottom: 0;
	}

	/*  CONTENT FAQ
	------------------------- */	
	.faq .content-image {
		grid-column: 1;
		grid-row: 2;
	}
	.faq .content-text {
		grid-column: 1;
		grid-row:  1;
		margin: 12vw var(--master-padding-right) 2vw var(--master-padding-clamp);
	}


	/*  CONTENT MAGAZIN
	------------------------- */	
	.magazin .content-back-image {
		object-fit: cover;
		object-position: center;
		grid-row: 1;		
	}
	.magazin .content-text {
		grid-row: 2;
	}

	/*  CONTENT VIDEO (EP)
	------------------------- */	
	.video-background {
		grid-template-rows: 100%;
		height: 65vh;
	}
	.video-background .content-back-video {
		grid-row: 1;
		/*! grid-row-end: span 2; */
		object-position: top;
	}
	.video-background .content-text.right {
		grid-row-start: 1;
		margin-top: 12vw;
		align-self: end;
	}
	.content-text.right.quote {
		margin-bottom: 0;
	}	
	.fade-out-white {
		height: 50%;
	}	

	/*  CONTENT ABOUT
	------------------------- */	
	.ixdp-info {
		gap: calc(var(--card-grid-width-mobile) * 0.04);
		grid-template-columns: 1fr;
		grid-template-rows: calc(var(--card-grid-width-mobile) / 2.25) calc(var(--card-grid-width-mobile) / 1.2) calc(var(--card-grid-width-mobile) / 2.25) calc(var(--card-grid-width-mobile) / 0.53) calc(var(--card-grid-width-mobile) / 1);
	  	width: var(--card-grid-width-mobile);
		justify-self: start;
		padding-left: var(--master-padding-clamp);
	}
	.info-card {
		overflow: hidden;
	}
	.info-card.grid-2-1 {
		grid-column-start: 1;
		grid-row-start: 4;
		grid-row-end: span 1;
	}
	.info-card.grid-1-4 {
		grid-column-start: 1;
		grid-row-start: 5;
		grid-column-end: span 1;
	}	
	
	.card-label span {
		display: block;
		font-size: .8em;
	}
	.card-label {
		font-size: clamp(14px, 1vw, 1vw);
	}	
	.photo-label {
  		height: 50%;
	}

	/* =========================
   		FOOTER
	========================= */	
	.footer {
		grid-template-rows: auto 40px 40px 5vw;
		grid-template-columns: clamp(88px, 12vw, 200px) auto 10vw;
	}
	.footer .content-text {
		grid-column: 2 !important;
		grid-row: 1 !important;
		margin: 0 auto !important;
		width: auto;
		align-items: left;
	}
	.footer-cta {
		grid-column: 2 !important;
		grid-row: 3 !important;
		display: grid;
		grid-template-rows: 1fr 1fr;
		gap: 14vw;
	}

	.footer-links-container {
		grid-template-columns: 10vw auto 10vw;
		grid-template-rows: 3vh max-content 1fr 1fr 3vh;
		gap: 0;
		row-gap: 2vh;
	}
	.footer-claim {
		margin-left: 0;
		width: 100%;
		box-sizing: border-box;
		grid-column-start: 2;
		grid-row-start: 2;
		margin: 0 0 5vh 0;
	}
	.icon-links-container {
		grid-column-start: 2;
		grid-row: 3;
		margin-left: 0;
	}
	.icon-links-container:nth-child(3) {
		grid-column-start: 2;
		grid-row: 4;
	}

.footer-line {
	grid-column: 1 / -1;
	grid-row: 2;
	justify-self: center;
	margin: 0;
}
.footer-line a {
	text-decoration: navajowhite;
	color: #000;
	transition: all 0.3s ease-in-out;
}
.footer-line a:hover {
	color: #8400FF;
	text-decoration: underline;
}
.footer-line.space-evenly {
	justify-content: space-evenly;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	grid-row: 3;
	grid-column: 1 / -1;
	margin: 0;
}	
}