.content-wrapper {
	padding: 30px;
	padding-bottom: 130px;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	overflow: auto;
	
	display:grid;
	grid-template-columns: 1fr;
	
}
.content-wrapper:first-child > * {
	padding-top: 100px;
}
.content-wrapper:not(.active) {

}
.content-wrapper {
	background-position: 50% 50%;
}
.content-wrapper[page*="home"].climbing-to, .content-wrapper[page*="home"].active {
	z-index: 3;
}
.content-wrapper.pre-active {
	z-index: 2;
}


.content-wrapper.active {
	z-index: 1;
}

.content-wrapper[page*="home"] > *:not(:has(img, *[style="background"], div[class*="grid"], div[style*="grid"])),
p {
	width: 90vw;
	max-width: 640px;
}


footer {
	transition: 0.3s ease all;
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: var(--color_dark,#F2F3ED);
	background-color: rgba(0,0,0,0.025);
	z-index: 99999;
	min-height: 40px;
	
	--color_text: var(--color_darker,#003006);
}

footer nav ul { 
	display: flex;
	justify-content: space-between;
}
footer nav ul li {
	margin: auto;
	width: auto;
}

footer nav ul li a {
	display: block;
	padding: 10px;
	line-height: 20px;
	font-weight: 200!important;
	font-size:10px;
	text-transform: uppercase;
}

body:has(.content-wrapper.active[page*="home"]) footer {
	background-color:#0C4F2A;
	background-color: rgba(0,0,0,0.1);
	
	--color_text: var(--color_lessbright,#003006);
}


hr {
	width: 50%;
	margin: auto ;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 2px;
	display: block;
	border:none!important;
	background-color: var(--color_lightgray_darkest,#003006);
}