/*this CSS contains styling for header and footer elements*/
/*all design for header and footer should be handled here*/
header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*Header*/
header a {
			font-size: 20px;
}

header img, footer img {	/* <-- image inside header*/
	float: left;
	max-width: 100%;
}

#lang, #login {
	float: right;
	padding: 1em;
}

.headermenu {
	clear: both;
	list-style-type: none;
	text-align: center;
	padding: 0;
}

.headermenu li { /*list items inside header menu*/
	display: inline-block;
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 0.33em;
}

.headermenu li:hover{ /*<-- displays a dark underline if links in navmenu are hovered */
	color: #ffcc00;
	margin-bottom: 0;
	border-bottom: 0.33em solid #ffcc00;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none; /* <-- Display None hides dropdown menu while not hovered */
	position: absolute;
	background-color: #e9e9e9;
	width: 13em;
	left: -4em	;
	margin-top: 0.33em;
	box-shadow: 0 0.5em 1em 0 rgba(0,0,0,0.2);
	z-index: 3;
}

.dropdown-content a {
	color: black;
	padding: 1em 0.33em;	
	text-align: center;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover { /* <-- makes hovered link in dropdown menu appear brighter */
	background-color: #f1f1f1
}

.dropdown:hover .dropdown-content { /* <-- displays the dropdown menu if Stations is hovered */
  display: block;
}

.dropdown-content div {
	padding: 1em;
}

/*Footer*/
footer {
	margin: 0;
	padding: 1em;
    background-color: #e9e9e9;
	min-height: 170px;
	font-weight: bold;
}

footer h2 {
	font-size: 33px;
	font-weight: 300;
}

.footermenu {
	list-style-type: none;
}

footer img {	/* <-- image inside footer*/
	float: left;
}

footer div{ /* <-- divs inside footer*/
	padding-right: 5em;
	padding-left: 5em;
	margin: 1em;
}


/*Note, Sizes and Units; 1em = 16px @100%, 1vw = 1% of viewport width */