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

.container {width: 760px; margin: 15% auto 3% auto; position: relative;}
.logo {width: 317px; height: 53px; margin: 0 auto 8% auto; background-image: url('/images/logo.png?v=2'); background-size: 100%; background-position: center; background-repeat: no-repeat;}
.logo span {display: none}

#langSelector {display: flex; justify-content: center; gap: 15px;}
#langSelector a {color: #fff; text-decoration: none; display: flex; flex-direction: column; position: relative; text-align: center; align-items: center;}
#langSelector a:last-child {margin-right: 0}
#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.Bg:before {background-image: url(/images/bg.jpg);}
#langSelector a.Cs:before {background-image: url(/images/cz.jpg);}
#langSelector a.Hr:before {background-image: url(/images/hr.jpg);}
#langSelector a.Pl:before {background-image: url(/images/pl.jpg);}
#langSelector a.Ru:before {background-image: url(/images/ru.jpg);}
#langSelector a.Sk:before {background-image: url(/images/sk.jpg);}
#langSelector a.Sl:before {background-image: url(/images/sl.jpg);}
#langSelector a.Hu:before {background-image: url(/images/hu.jpg);}
#langSelector a.Ee:before {background-image: url(/images/ee.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 {margin-right: 0; align-items: center; flex-direction: row; font-size: 14px; padding: 10px; border: 1px solid #28435d; margin-bottom: 15px; border-radius: 5px;}
	#langSelector a:before  {width: 74px; margin-right: 15px; margin-bottom: 0;}
}