/*
@media (width > 1500px) {

	.logo img {
		width: 450px;
		height: 353px
		height: 30vh;
		filter: drop-shadow(rgb(0 0 0 / .2) 7px 7px);
	}

}

@media (width <= 1500px) {

	.logo {
		width: 400px;
		margin: 0 auto 0;
		z-index: 10;
		padding-top: 2rem;
	}

	@media (aspect-ratio > 1/1) {
		#home-stage {
			background-color: pink;
		}
	}

	@media (aspect-ratio < 1/1) {
		#home-stage {
			background-color: yellow;
		}
	}

}
*/
/*
@media (width <= 950px) {

	.logo {
		padding-top: 1rem;
		padding-left: 1rem;
	}

	#mainnav {
		margin-top: calc(-11vh);
		padding-left: calc(30vh * 1.42 + 3rem);
		text-align: center;
	}

	#mainnav span {
		margin: 1rem;
	}

}

@media (width <= 450px) {

	header {
		padding-top: 2em;
	}

	header #hamburger_icon {
		display: block;
		position: absolute;
		top: .75rem;
		right: .75rem;
	}

	header #hamburger_icon.open {
		color: black;
		filter: none;
	}

	.logo {
		padding: 0;
		text-align: center;
		pointer-events: revert;
	}

	.logo img {
		height: auto;
		width: 75%;
	}

	#mainnav {
		position: absolute;
		margin: 0;
		padding: 3.5em 0;
		border: .25em solid black;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 20;
		display: none;
	}

	#mainnav.open {
		display: block;
	}

	#mainnav span {
		margin: 1em 0;
		width: 45%;
		display: inline-block;
		font-size: 1.3em;
		border: none;
	}

	.hero-gallery {
		margin-top: -1.5em;
		padding-bottom: 80%;
	}

	.hero-gallery > div.prev {
		left: .65em;
	}

	.hero-gallery > div.next {
		right: .65em;
	}


}
*/