/* HEADER SECTION */
header {
	background: center / cover no-repeat url("../img/pd-texture-bg-green.webp") fixed;
}
header > div {
	display: flex;
	flex-direction: column;
	width: 50rem;
	max-width: 98vw;
	align-self: center;
	z-index: +1;
	margin-bottom: 10rem;
}
.Float {
	position: absolute;
	width: 100%;
	pointer-events: none;
}
.Float.Bottom {
	bottom: 0;
	left: 0;
}
.Float.Top {
	top: 0;
	left: 0;
	width: 106%;
}
.Logo {
	max-width: 32rem;
	margin: 0 auto;
}

/* FOOTER SECTION */
header {
	min-height: 100vh;
	max-height: 100%;
	width: 100%;
	position: relative;
	display: flex;
    justify-content: center;
    align-content: center;
}

footer {
	background: var(--pd-dark-green);
	background: center / cover no-repeat url("../img/pd-texture-bg-green.webp") fixed;
	min-height: 100vh;
	max-height: 100%;
	width: 100%;
	position: relative;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-gap: 2rem;
	padding: 50px 10vw;
	margin: auto;
	place-items: center;
}