/* Small phones / mobile devices */
@media (max-width: 768px) {
	#logo {
		margin-bottom: var(--spacing);
		height: 7vh;
	}
	header {
		height: unset;
	}
	#banner {
		height: calc(var(--big-guy-height) / 1.35);
	}
	.refimg {
		aspect-ratio: unset;
	} #refimg {
		padding: 2rem;
		flex-direction: column;
	} #refimg a {
		opacity: unset;
		filter: unset;
	} #refimg img {
		width: 10rem;
	}
	#about {
		display: grid;
		justify-items: center;
	} #about a {
		grid-row: 1;
	}
	.contact-container {
		max-width: 20rem !important;
	} #formFields {
		display: flex;
		flex-direction: column;
	}
}
/* Large tablets in portrait mode */
@media screen and (orientation: portrait) and (min-width: 900px) and (min-height: 1400px) {
	#logo {
		height: 4.5vh;
	}
	#banner {
		height: calc(var(--big-guy-height) / 1.75);
	}
	#contact {
		min-height: unset;
	}
}
/* Portrait tablets and tall/narrow mobile devices */
@media only screen and (orientation: portrait) and (min-height: 600px), only screen and (min-aspect-ratio: 9 / 10) and (max-aspect-ratio: 10 / 9) {
	nav {
		margin-top: var(--spacing);
	}
	#banner {
		height: calc(var(--big-guy-height) / 1.75);
	}
	#contact {
		min-height: unset;
	}
}
/* Shared layout for mobile phones and portrait tablets */
@media (max-width: 768px), screen and (orientation: portrait) and (min-width: 900px) and (min-height: 1400px), only screen and (orientation: portrait) and (min-height: 600px), only screen and (min-aspect-ratio: 9/10) and (max-aspect-ratio: 10/9) {
	:root {
		--logo: url(../img/logo_text_extra_paths.svg);
	}
	header {
		flex-direction: column;
	} header aside {
		display: none;
	} #logo {
		display: flex;
		margin: 0 auto;
	} header nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#banner {
		height: calc(var(--big-guy-height) / 1.35);
	} #banner::before {
		background-position: 300% 15%;
	}
	form button {
		align-self: center;
	}
	.section-multi {
		flex-direction: column;
		align-items: unset;
	} .section-multi-section {
		border-right: none;
		border-bottom: var(--item-size-xs) solid var(--secondary);
	}
}
/* Dark mode for mobile phones and portrait tablets */
@media (max-width: 768px) and (prefers-color-scheme: dark), screen and (orientation: portrait) and (min-width: 900px) and (min-height: 1400px) and (prefers-color-scheme: dark), only screen and (orientation: portrait) and (min-height: 600px) and (prefers-color-scheme: dark), only screen and (min-aspect-ratio: 9/10) and (max-aspect-ratio: 10/9) and (prefers-color-scheme: dark) {
	:root {
		--logo: url(../img/logo_text_extra_dark_paths.svg);
	}
}
/* Tablets and smaller laptops in landscape mode */
@media (orientation: landscape) and (min-width: 768px) and (max-width: 1400px) {
	header {
		min-height: 12.5vh;
	}
	#banner {
		height: calc(var(--big-guy-height)*1.5);
	}
	#refimg a {
		opacity: unset;
		filter: unset;
	}
	footer {
		min-height: 7vh;
	}
}
/* Tablets in portrait mode */
@media (orientation: portrait) and (min-width: 700px) and (max-width: 1400px) {
	header {
		flex-direction: unset;
		min-height: 7dvh;
	}
	nav {
		margin-top: unset;
	}
	#refimg a {
		opacity: unset;
		filter: unset;
	}
}