body
{
	margin: 0;
	background: #FAF9F6;
}

main
{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	min-height: 100vh;
}

input::placeholder
{
	text-transform: none !important;
}

#logo h1 img
{
	height: 30px;
}

#map
{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2/1.5;
}

button > img
{
	height: 22px;
    vertical-align: -4px;
}

.info-table
{
	border: none;
}

.info-table th,
.info-table td
{
	padding: .1rem .3rem;
}

table tr:last-child th,
table tr:last-child td
{
	border-bottom: none !important;
}

ul.nav
{
	gap: .7em;
}

.table th
{
	width: 40%;
}

.table td
{
	word-break: break-word;
}

@media screen and (max-width: 768px)
{
	#logo-wrap
	{
		padding: 0 !important;
	}
}

@media screen and (max-width: 600px)
{
	#map
	{
		aspect-ratio: 1/1;
	}

	#map-card
	{
		padding: 0 !important;
    	border: none !important;
	}

	#map-card > legend
	{
		margin-bottom: 10px !important;
	}

	.table th
	{
		width: 125px;
	}
}