@charset "UTF-8";


body
{
    background: var(--clr-main-d);
    height: 100vh;
}

div, section {
	box-shadow: 0 0 0px 1px rgba(0,0,0,.1);
	background-color:rgba(0,0,0,.05);
}

header, nav, main, footer {
	display:flex;
	flex-direction: column;
	position: relative;
	align-content: stretch;
	position: relative;
}
nav {
	width:100%;
	position: absolute;
	z-index: 1;
	padding: var(--gap);
}
header {
	padding:7.5rem;
	min-height: 48rem;
	
	box-sizing: border-box;
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	
	background-color: var(--clr-main);
}
header > section {
	flex-grow:1;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	
	padding: 0;
    justify-content: flex-start;
    width: 100%;
}
header {
	--fnt-h1-sz: 6rem;
	--fnt-h1-lh: 1em;
	--fnt-h1-wt: 800;
	--fnt-h1-wt-alt: 400;
}
header section div {
	width:100%;
	max-width: 42rem;
	margin-left:0;
}
header h1 {
	margin-bottom: .5em !important;
}
.header-x {
	content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/imgs/x.svg) right center no-repeat;
}


nav svg {
	height: 2.5rem;
}

nav .hldrLogo {
	margin-left:0;
	margin-right:auto;
}

#menuHldr {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
}