/* desktop settings (980px and above) */

@media only screen and (min-width: 980px)
{
	html
	{
		font-size: 16px;
	}

	*[id^='header']
	{
		width: 50%;
		height: 5rem;
	}

	#content, #map-window, #content-image, #menu
	{
		width: 50%;
	}

	#content, #content-image
	{
		height: 100%;
	}

	#content-image
	{
		top: 0;
		position: fixed;
	}
	
	#map-window, #content-image
	{
		left: 50%;
	}

	#menu
	{
		border-right: solid 2px #000000;
	}

	img.hamburger, img.close, img.map-close
	{
		width: 1.25rem;
	}

	img.mode
	{
		width: 1.5rem;
		display: block;
	}

	img.mode_menu
	{
		display: none;
	}

	#pre_loader img
	{
		width: 18.75rem;
	}

	img.map-close
	{
		display: none;
	}

	#w106search select
	{
		width: 48%;
	}

	#w106search select:first-child, #w106search select:nth-child(3)
	{
		margin-bottom: 0.625rem;
	}

	#w106search select:nth-child(2), #w106search select:nth-child(4)
	{
		margin-left: 0.3125rem;
	}
}



/* overrides for resolutions above 1680px */

@media only screen and (min-width: 1680px)
{
	html
	{
		font-size: 18px;
	}

	*[id^='header']
	{
		width: 36%;
	}

	#content
	{
		width: 36%;
	}

	#menu
	{
		width: 36%;
	}

	#map-window, #content-image
	{
		width: 64%;
		left: 36%;
	}
}



/* tablet settings and/or overrides (over 640 and under 980px) */

@media only screen and (min-width: 640px) and (max-width: 979px)
{
	html
	{
		font-size: 17px;
	}

	#content, #map-window, #content-image, *[id^='header'], #menu
	{
		width: 100%;
	}

	*[id^='header']
	{
		padding: 0 1.25rem;
		height: 3.75rem;
	}

	#content
	{
		position: relative;
		padding: 5rem 1.25rem 0 1.25rem;
	}

	#map-window
	{
		display: none;
	}

	#content-image
	{
		position: relative;
		margin-top: 2.5rem;
		aspect-ratio: 1/1;
	}

	img.hamburger, img.close, img.map-close
	{
		width: 1.5rem;
	}

	p.weather
	{
		display: none;
	}

	img.mode
	{
		display: none;
	}

	img.mode_menu
	{
		width: 1.75rem;
		display: block;
	}

	img.map-close
	{
		display: block;
	}

	#overlayUI
	{
		background: linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 32%);
	}

	#pre_loader img
	{
		width: 18.75rem;
	}

	#w106search select
	{
		width: 48%;
	}

	#w106search select:first-child, #w106search select:nth-child(3)
	{
		margin-bottom: 0.625rem;
	}

	#w106search select:nth-child(2), #w106search select:nth-child(4)
	{
		margin-left: 0.3125rem;
	}

	hr.footer
	{
		display: none;
	}
}



/* smartphone settings and/or overrides (under 640px) */

@media only screen and (max-width: 639px)
{
	html
	{
		font-size: 17px;
	}

	#content, #map-window, #content-image, *[id^='header'], #menu
	{
		width: 100%;
	}

	*[id^='header']
	{
		padding: 0 1.25rem;
		height: 3.75rem;
	}

	#content
	{
		padding: 5rem 1.25rem 0 1.25rem;
	}

	#map-window
	{
		display: none;
	}

	#content-image
	{
		position: relative;
		margin-top: 2.5rem;
		aspect-ratio: 1/1;
	}

	#menu items
	{
		padding: 1.25rem;
	}

	.menu_large a
	{
		font-size: 2rem;
	}

	.credits
	{
		bottom: 1.25rem;
		padding: 0 1.25rem;
	}

	.suburb
	{
		display: block;
		margin-top: 0.3125rem;
	}

	#overlayUI
	{
		background: linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0) 32%);
	}

	img.hamburger, img.close, img.map-close
	{
		width: 1.75rem;
	}

	p.weather
	{
		display: none;
	}

	img.mode
	{
		display: none;
	}

	img.mode_menu
	{
		width: 2rem;
		display: block;
	}

	img.map-close
	{
		display: block;
	}

	.place_open img
	{
		width: 1.125rem;
	}

	#pre_loader img
	{
		width: 15rem;
	}

	select
	{
		width: 100%;
	}

	#w106search select:not(:first-child)
	{
		margin-top: 0.625rem;
	}

	.mobile_hide
	{
		display: none;
	}

	hr.footer
	{
		display: none;
	}
}