body {
font-family: "Segoe UI", Arial;
min-width: 320px;}

.h1,
h1 {
text-align: center;
font-family: arial black;
font-weight: bold;
font-size: 2.5em;}

.h1{
font-size: 2.5em;
margin: 0.67em 0;}

.h1 span,
h1 span {
color: black;}

.h2,
h2 {
text-align: center;
font-family: arial black;
font-weight: bold;}

.h2 {
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}

.th,
.th a {
font-weight: bold;}

.Links {
text-decoration: none;
font-weight: bold;}

#Wrapper {
max-width: 1300px;
margin: auto;
-webkit-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.75);}

.WidthWrapper {
margin: 0px 130px;}

.Clear {
clear: both;}

#Header a{
text-decoration: none;}

#Titlebar {
padding: 13px 0px;}

#Titlebar span{
font-size: 20px;
font-weight: 430;}

#Options {
float: right;}

#Navigationbar {
padding: 0px;}

#Navigationbar {
font-size: 18px;
font-weight: 400}

#Navigationbar input[type="checkbox"] {
display: none;}

.MenuUnfolder {
  display: none;
}

.MenuUnfolder:hover {
	cursor: pointer;
}

.main-nav-list {
	margin: 0;
}

.main-nav ul {
	padding: 0;
	justify-content: center;
	list-style: none;
}

.main-nav > ul {
  display: flex;
}

.main-nav-item {
	position: relative;
	display: inline;
	flex: 1 1 0px;
	text-align: center;
}

.main-nav-item span:hover {
	cursor: pointer;
}

.main-nav-item a,
.main-nav-item span {
	padding: 12px 10px;
	display: block;
	text-align: center;
}

.main-nav-item span span {
	font-family: monospace;
	display: none;
}

.main-nav-item:hover > .main-nav-sub {
	display: block;
}

.main-nav-sub {
	position: absolute;
  width: 100%;
  top: 100%;
  display: none;
  z-index: 1;
}

.main-nav-sub-item a {
	padding: 12px 0px;
	display: block;
	text-align: center;
}

#Content {
padding: 20px 0px;
font-weight: 500;}

#Footer .WidthWrapper {
padding: 10px 0px}

#TopFooter .WidthWrapper {
text-align: center;}

.Right {
float: right;}

@media screen and (max-width: 1126px) {
	.WidthWrapper {
		margin: 0px 65px;
	}
}

@media screen and (max-width: 996px) {
	.WidthWrapper {
		margin: 0px 10px;
  }
}

@media screen and (max-width: 820px) {
	#Titlebar {
	text-align: center;}

	#Navigationbar {
	text-align: center;}

  .MenuUnfolder {
		display: block;
		padding: 10px 0px;
	}

	#Navigationbar input[type="checkbox"]:checked ~ .main-nav {
		display: block;
  }

	#Navigationbar {
    margin: 0;
	}

	#Navigationbar nav {
	  display: none;
  }

  #Navigationbar nav > ul {
    display: block;
  }

  .main-nav-item {
  	display: block;
  }

	.main-nav-item a,
	.main-nav-item span {
		display: block;
		margin-right: 0px;
		padding: 6px 0px;
	}

	.main-nav-item span span:nth-child(1) {
		display: inline;
	}

  .main-nav-item:hover > .main-nav-sub {
   	display: none;
  }

  .main-nav-sub {
  	position: relative;
  	display: none;
  }

  .main-nav-sub-item {
  	margin: 0em 20px;
  	width: calc(100% - 40px);
  }

  .main-nav-item input[type="checkbox"]:checked ~ .main-nav-sub {
  	display: block;
  }

  .main-nav-item input[type="checkbox"]:checked ~ label span span:nth-child(1) {
  	display: none;
  }

  .main-nav-item input[type="checkbox"]:checked ~ label span span:nth-child(2) {
  	display: inline;
  }

}

@media screen and (max-width: 450px) {
	#Titlebar span:last-child{
		display: none;
  }
}