html {
	min-height: 100%;
}

body {
	background-image: url("https://i.imgur.com/Nbxat8S.jpg");
	font-family: Arial;
	color: #ebebeb;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #282828;
}

h2 {
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	text-align: center;
	float: left;
}

table{
    margin-left: auto;
    margin-right: auto;
	text-align:center;
}

.maindiv {
	padding-top: 0.5%;
    margin-left: auto;
    margin-right: auto;
	width: 50%;
	background-color: #282828;
	clear:both;
}

table tr:not(:first-child) {
    counter-increment: rowNumber;
}

table tr td:first-child::before {
    content: counter(rowNumber);
}

th {
	width: 9%;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

.w {
	width: 1%;
	font-weight: bold;
}


th {
	cursor: pointer;
	background-color: #161616;
}


img {
	vertical-align:middle;
	margin:0 auto;
	margin-top: 2px;
	padding-bottom: 4px;
	width : 28px;
	height : 28px;
}

tr:nth-child(even) {
	background-color: #333333;
}

tr:nth-child(odd) {
	background-color: #282828;
}

tr:nth-child(even):hover {
	background-color: #4d4d4d;
}
tr:nth-child(odd):hover {
	background-color: #404040;
}

.arrow {
  border: solid white;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 3px;
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

a {
	color: #3ea9da;
	text-decoration: none;
}
.footnote {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
}
.siteswitcher {
	text:align: right;
	float:right;
	margin-top: 5%;
}
.headerdiv {
	clear:both;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 1200px) {
	.maindiv {
		width:99%;
		font-size: 20px;
	}
	.headerdiv{
		width: 99%;
		font-size: 20px;
	}
}
#flagcounter {
	width: auto;
	height: auto; 
	float: right;
}