#home-link
{
	font-size: 2rem;
	text-transform: uppercase;
	font-family: 'D-Din';
	font-weight: 900;
	margin-bottom: 1.2rem;
	position: fixed;
	bottom: 0;
}

#home-link::before,
#home-link:hover::before
{
	font-family: 'Source Sans Pro';
	font-weight: 700;
	height: 1em;
	font-size: 1.1em;
}

.full
{
	display: inline;
}

.abbr
{
	display: none;
}

@media screen and (min-width: 930px)
{
	#home-link:hover::before
	{
		position: absolute;
		content: '←';
		top: -.17em;
		left: -.8em;
	}
}

ul
{
	list-style: none;
}

li
{
	margin-bottom: .7em;
}

li span:after
{
	content: '; ';
}

li span:last-child:after
{
	content: '';
}

h1
{
	font-family: 'D-Din';
	font-size: 2.4rem;
	line-height: 1.0;
	margin-bottom: 1rem;
}

#gallery
{
	padding-top: calc(var(--viewport-top-gap) - var(--gallery-gap));
}

#gallery .media-container
{
	margin: var(--gallery-gap) var(--gallery-gap) 0 0;
}
#gallery img, #gallery video
{
	max-height: 90vh;
	max-width: 100%;
}


@media screen and (max-width: 930px)
{
	#info
	{
		padding: var(--gallery-gap);
		padding-bottom: 0;
	}
	#gallery
	{
		padding-left: var(--gallery-gap);
	}
	#home-link
	{
		display: flex;
		justify-content: space-between;
		width: 100%;
		background-color: #f4f0ed;
		margin: 0;
		padding: .1em var(--gallery-gap);
		left: 0;
	}

	#home-link a
	{
		display: block;
	}

	#home-link::before
	{
		content: '←';
		position: relative;
		top: -.15em;
	}
}

@media screen and (max-width: 500px)
{
	html
	{
		--gallery-gap:	1rem;
	}
}

@media screen and (max-width: 380px)
{
	.full
	{
		display: none;
	}

	.abbr
	{
		display: inline;
	}
}