﻿.banner
{
	background-size: cover;
	line-height: normal;
	border-bottom: 2px solid black;
}

.banneritemscontainer {
	display: flex;
	align-items: center;
}

.bannerbuttonscontainer
{
	flex-grow: 1;
	text-align: center;
}

.languageselection
{
	margin: 0.2em;
	text-align: center;
}

a.bannerbutton, a.bannerbutton:link, a.bannerbutton:hover, a.bannerbutton:visited {
	display: inline-block;
	background: black;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	padding: 0.5em 1em;
	border-radius: 0.25em;
	text-decoration: none;
	color: white;
	box-shadow: 0px 0px 0.5em 0 rgba(0, 0, 0, 0.5);
}

a.bannerbutton:hover
{
	background: #555555;
}

.banner a.bannerbutton, .banner a.bannerbutton:link, .banner a.bannerbutton:hover, .banner a.bannerbutton:visited
{
	background: rgba(0, 0, 0, 0.75);
}

.banner a.bannerbutton:hover
{
	background: #555555;
}

/* Copyright Bar */
.copyrightbar
{
	background: black;
	color: white;
	text-align: center;
	padding: 0.75em;
	font-size: 80%;
	display: flex;
	align-items: center;
}

.copyrightbar a, .copyrightbar a:visited
{
	color: white;
}

.copyrightbar .infoandlinks
{
	flex-grow: 1;
}

#logoImage
{
	height: 7em;
}

@media (max-width: 900px)
{
	#logoImage
	{
		height: 5em;
	}
}

@media (max-width: 600px)
{
	.banneritemscontainer
	{
		flex-wrap: wrap;
	}

	.bannerbuttonscontainer
	{
		order: 5;
	}

	.logocontainer
	{
		flex-grow: 1;
	}

	#logoImage
	{
		height: 3em;
	}
}