@media (orientation: portrait) or (width < 900px) {
	body {
		flex-direction: column !important;
		overflow: scroll !important;
	}

	aside {
		border-right: none !important;
		border-bottom: 3px solid var(--accent-color) !important;
		padding: 1rem !important;
	}

	.no-query {
		display: none !important;
	}
}

@media (orientation: landscape) and (width >= 900px) {
	body {
		flex-direction: row !important;
		overflow: hidden !important;
	}

	aside {
		flex: 1 !important;
		border-right: 3px solid var(--accent-color) !important;
		border-bottom: none !important;
		padding: 2rem !important;
	}
}

@media (min-resolution: 1dppx) {
	img {
		max-height: 200px !important;
		min-height: 200px !important;
	}
}

@media (min-resolution: 2dppx) {
	img {
		max-height: 100px !important;
		min-height: 100px !important;
	}
}