body {
	 color: #eeeeee;
	 background-color: #202020;
}

a {
	 color: #ff5500;
}

h2 {
	text-decoration: underline;
}

img {
	border:1px solid black;
}

table {
	border-collapse: collapse;
	margin: 1em 0;
	width: 100%;
	max-width: 600px;
}
th, td {
	border: 1px solid #444;
	padding: 8px 12px;
	text-align: center;
}
th {
	background: #303030;
}
caption {
	margin-bottom: .5em;
}

.block {
	margin: 10px;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.dropdown {
	position: absolute;
	right: 0;
	top: 0;
}

.languages{
	display: none;
}

@media screen and (max-width: 480px) {
	.screenshot{
		width: 106px;
		height: 207px;
	}
	
	.flag {
		width: 70px;
		height: 40px;
	}
}

@media screen and (min-width: 481px) {
	.screenshot{
		width: 180px;
		height: 370px;
	}
	
	.flag {
		width: 140px;
		height: 80px;
	}
	
	body{
		padding-right: 30px;
		padding-left: 30px;
	}
}