body {
	font-family: Arial;
	font-size: 15px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	background-color: #F4F4F4;
}

/** Global overflow setting **/
.container {
	overflow: hidden;
}

/* General text markering **/
.highlight, .selection .current .color-a, .selection .current .color-p {
	color: #E8491D;
	font-weight: bold;
}

/** Header **/
header {
	background-image: url("/lt/images/header.jpg");
  	background-repeat: no-repeat;
  	background-size: cover;
	color: #FFF;
	padding-top: 30px;
	min-height: 70px;
	border-bottom: #B0B6B2 2px solid;
}
header .container {
	width: 80%;
	margin: auto;
}
header h1 {
	float: left;
	margin: 0;
}
header ul {
	margin: 0;
	padding: 0;
}
header li {
	float: left;
	display: inline;
	padding: 0 20px 0 20px;
}
header nav {
	float: right;
	margin-top: 10px;
}
header a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
}
header a:hover {
	color: #E8491D;
}

/** Section with selection **/
.selection .container {
	width: 100%;
	margin: auto;
}
.selection nav {
	background-color: #3292E7;
	text-align: center;
}
.selection nav ul {
	margin: 0 auto;
	padding: 0;
}
.selection nav ul li {
	list-style: none;
	display: inline-block;
	padding: 20px;
}
.selection nav ul li a:hover {
	color: #E8491D;
}
.selection nav ul li a {
	color: #FFF;
	border-radius: 3px;
	text-decoration: none;
	font-size: 16px;
}
.selection nav .check-button {
	padding: 10px 20px;
	background-color: #3292E7;
	text-align: right;
	box-sizing: border-box;
	color: #FFF;
	font-size: 30px;
	display: none;
}
.selection nav #main-navigator {
	display: none;
}
.selection nav .dropdown-paragraph {
  	color: #FFF;
  	cursor: pointer;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.selection nav .dropdown {
  	display: inline-block;
}
.selection nav .dropdown-context {
  	display: none;
  	position: absolute;
  	left: 0; 
  	right: 0; 
  	margin-left: auto; 
  	margin-right: auto; 
  	background-color: #288AE0;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	z-index: 1;
}
.selection nav .dropdown-context a {
  	color: #FFF;
  	display: block;
  	padding: 12px 16px;
	font-size: 16px;
  	text-decoration: none;
}
.selection nav .dropdown:hover .dropdown-context {
  	display: block;
}
.selection nav .dropdown:hover .dropdown-paragraph {
  	color: #E8491D;
}

/** Footer **/
footer {
	padding: 20px;
	margin-top: 20px;
	text-align: center;
	background-color: #000;
	color: #FFF;
}
footer  .container {
	width: 80%;
	margin: auto;
}

/** Responsive for all devices **/
@media(max-width: 768px) {
	header h1, header nav, header nav li {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.selection nav {
		background: #2A8EE5;
		text-align: center;
	}
	.selection nav .check-button {
		display: block;
	}
	.selection nav ul {
		display: none;
	}
	.selection nav ul li {
		display: block;
		text-align: center;
	}
  	.selection nav #main-navigator:checked ~ ul {
		display: block;
  	}
}