body{
	margin:0;
	background-color:black;
	color:white;
	font-family:"Ubuntu","Roboto","Open Sans","Calibri",sans-serif;
}

small{
	font-size: 1.5rem;
	line-height: 1rem;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#navigation{
	display:flex;
	padding: 1rem;
	align-items:space-between;
}

#navigation h1{
	margin:0;
	flex-grow:1;
	line-height:2rem;
}

#navigation button{
	/*align-self:flex-end;*/
}

.image-container{
	position:relative;
	overflow:hidden;
	background-color:gray;
	min-height:calc(100vh - 4rem);
}

.image-background{
	position: absolute;
	width: calc(100% + 4rem);
	height: 100%;
	background-size: cover;
	top: 0px;
	left: -2rem;
	z-index: 0;
	-webkit-filter: blur(35px);
		    filter: blur(35px);
	opacity:0.6;
	background-position: 50% 50%;
}

.image-item{
	z-index:1;
	position:relative;
	max-width:calc(100vw - 2rem);
	max-height: calc(100vh - 10rem);
	margin: 0 auto;
	display:block;
	margin-top:1rem;
}

.image-container h2{
	width:calc(100% - 4rem);
	padding: 0 2rem;
	text-align:center;
	background-color:rgba(0, 0, 0, .5);
	position:relative;
	z-index:1;
	line-height: 2;
	margin:1rem 0;
}

@media (max-width:55rem){
	small{
		display: none;
	}
}