#splash {
	grid-area: splash;
	display: grid;
	grid-template-columns: 1fr 12rem 5fr auto 1fr;
	grid-template-rows: minmax(0, 1fr);

	.banner {
		grid-column: 1 / -1;
		grid-row: 1;

		img {
			display: block;
			width: 100%;
			height: calc(100% - 18px);
			object-fit: cover;
		}
	}

	.logo-tile {
		grid-column: 2;
		grid-row: 1;
		align-self: end;
	}

	.address {
		grid-column: 4;
		grid-row: 1;
		align-self: end;
		justify-self: end;
		margin: 0;

		.city::after { content: ","; }

		@media (max-width: 50em) {
			.country { display: none; }
			.city::after { content: none; }
		}
	}
}