html {
	height: 100%;
	font-size: 12px;
}
body {
	display: grid;
	grid-template-rows: auto 1fr auto;
	width: 100%;
	height: 100%;
	background: var(--bgimg) center center / auto 100% no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;
}

h1 {
	position: relative;
	top: 0;
	display: inline-block;
	background: transparent url(../img/westendgate-logo-white.svg) center center / contain no-repeat;
	filter: drop-shadow(2px 2px 1px rgb(0 0 0 / 0.25));
	border: none;
	width:  clamp( 5.1rem, 10vw, 10.2rem);
	height: auto;
	aspect-ratio: 10.2/10.5;
	text-indent: -10000%;
	overflow: hidden;
	transition: all .2s ease-in-out;
	translate: -5px;
	margin: 3rem 4rem;
}

main {
	
}

footer {
	font-family: inherit;
	font-size: 1.5rem;
	text-align: center;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
}
footer p {
	position: relative;
	top: 0;
	display: inline-block;
	filter: brightness(0) invert(1) drop-shadow(2px 2px 1px rgb(0 0 0 / 0.5));
	border: none;
	overflow: hidden;
	transition: all .2s ease-in-out;
	translate: -5px;
	margin: 3rem 4rem;
}