@font-face {
  font-family: Flama;
  src: url(flama_cond/FlamaCondensed-Black.otf);
}

@font-face {
  font-family: FlamaMedium;
  src: url(flama_cond/FlamaConMed.otf);
}

@font-face {
  font-family: FlamaLight;
  src: url(flama_cond/FlamaConLig.otf);
}

body{background: #000 url(https://ocdn.eu/pi-user-uploads/plejada2019/bgtop.jpg) no-repeat top center /1920px;margin:0;padding:420px 0 0 0;min-width:1000px}

.container {text-align:center;max-width:1200px;min-width:1000px;margin:0 auto}
.container h2 {font-size:55px;font-family:Roboto}
.container .logo {max-width:80%;margin:40px 0}

.footer {padding:50px 28px;box-sizing:border-box;margin-top:30px;text-align:right;border-top:3px solid #DCBB62;color:#FFF;font: 14px/20px "Open Sans", sans-serif;min-width:1000px}
.footer:after{display:block;content:"";clear:both;}
.footer a {color: #FFF;text-decoration:none}
.footer a:hover {text-decoration:underline}
.footer .colLeft {float:left;line-height:50px}
.footer .colRight {float:right;line-height:50px}
.serviceFooterContainer{max-width:1024px;margin:0 auto}
.footer  svg{height:50px;width:160px;display:block;float:left;margin:0 20px 0 0}
svg .logoOnet1{fill:#FFF}
svg .logoOnet1,svg .logoOnet2{fill-rule:evenodd}
svg .arrowUp1,svg .logoOnet2{fill:#ffd200}

.regulationLnk{color:#DCBB62;text-decoration:none;font:20px/30px FlamaLight,sans-serif;letter-spacing:2px}

#count {color:#FFF;width:100%;height:170px;background:url(https://ocdn.eu/pi-user-uploads/plejada2019/clock.png) no-repeat center /contain;font-weight:bold;margin:0 auto;font:60px/170px Flama,sans-serif}
#count span {display:inline-block;padding:0;width:100px;text-align:center}

.introText{text-align:center;color:#DCBB62;padding:80px;font:50px/60px FlamaMedium,sans-serif;text-transform:uppercase;letter-spacing:5px}
.introText span{font-family:FlamaLight,sans-serif;}
.introText span u{text-decoration:underline}

.onetText{text-align:center;color:#FFF;font:35px/81px FlamaLight,sans-serif;background:url(https://ocdn.eu/pi-user-uploads/plejada2019/bulps.png) no-repeat center bottom;padding-bottom:250px}
.onetText span{display:inline-block;text-transform:uppercase;letter-spacing:5px;padding-right:300px;background:url(https://ocdn.eu/pi-user-uploads/plejada2019/onet-white.png) no-repeat right top}

.sponsors{text-align: center; color: #FFF; font: 35px/81px FlamaLight,sans-serif; text-transform: uppercase}
.sponsors img{display: block; margin: 0 auto; max-width: 80%}
.sponsors span{display: block; margin: 50px auto 20px auto}

@media screen and (max-width: 770px) {
	body{
		background-size: auto 900px;
		background-position: center -475px;
		padding: 0;
		min-width: 320px;
	}
    #count {max-width:320px;font-size:40px;height:120px;line-height:120px}
    #count span {width:55px}
    .container{min-width:320px;max-width:500px}
	.container .logo{margin-bottom: 0}
		.introText{
			font-size: 20px;
			line-height: 24px;
			letter-spacing: 1px;
			padding: 20px;
		}
		.onetText{
			background-size: 100%;
			max-width: 400px;
			width: 80%;
			margin: 0 auto;
			padding-bottom: 100px;
			letter-spacing: 1px;
			font-size: 16px;
			line-height: 30px;
		}
		.onetText span {
			padding-right: 40%;
			background-size: auto 30px;
			letter-spacing: 1px;
		}
		.footer{
			min-width: 320px;
		}
		.footer svg{
			    height: 25px;
				width: 80px;
		}
		.footer{
			font-size: 10px;
			padding: 10px;
		}
		.footer .colLeft{
			line-height: 25px;
		}
		.sponsors{
			font-size: 16px;
			line-height: 30px;
		}
}

@media screen and (max-height: 800px) and (min-width: 770px) {
	body {background-position: center -400px;padding-top:30px}
}

@media screen and (max-height: 1000px) and (min-height: 800px) and (min-width: 770px) {
	body {background-position: center -200px;padding-top:220px}
}