body {margin: 0; padding: 0; color: #fff; background: #151515; font-family: Arial; font-size: 12px; font-weight: normal; line-height: 18px;}
body * {box-sizing: border-box;}

.container {width: 920px; margin: 15% auto 3% auto; position: relative;}
.logo {text-align: center; margin: 30px 0;}
.logo img {width: 250px;}

#langSelector {display: flex; justify-content: center;}
#langSelector a {color: #fff; margin: 0 15px; text-decoration: none; display: flex; flex-direction: column; position: relative; text-align: center; align-items: center;}
#langSelector a:hover {color: #fc0;}
#langSelector a:before {width: 74px; height: 44px; content: ''; margin: 0 0 10px 0; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 3px;}

#langSelector a.En:before {background-image: url(/images/en.jpg);}
#langSelector a.De:before {background-image: url(/images/de.jpg);}

@media (max-width: 960px) {
	body {padding: 3%}
	.container {width: 100%; margin: 15% 0 3% auto; }
	.logo {margin: 0 auto 10% auto;}
	#langSelector {flex-direction: column; padding-bottom: 30px;}
	#langSelector a {align-items: center; flex-direction: row; font-size: 14px; padding: 10px; border: 1px solid #333333; margin-bottom: 15px; border-radius: 5px;}
	#langSelector a:before  {width: 74px; margin-right: 15px; margin-bottom: 0;}
}