@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext');
body {background: #000 url(bgtop.jpg) no-repeat top center /contain; color:#fff;font-family: Roboto}
.container {text-align: center;max-width: 1200px;margin:0 auto}
.container h2 {font-size:55px;font-family: Roboto}
.container .logo {max-width: 80%;margin:40px 0}
.container > p {font-size:42px;text-shadow: 4px 4px 3px #000;line-height: 65px}
.container p span {text-decoration: underline}
.container .logospon {display: flex;flex-wrap: wrap;justify-content: space-around}
.container .logospon a {flex: 1 0 50%;}
.container .logospon a:nth-child(n+5) {flex: 1 0 33%;}
.dynasty {background: #000 url(bgtop.jpg) no-repeat top center /contain;transform: rotate(180deg);min-height:60vw}
.footer {font-size: 12px; padding: 12px 28px; box-sizing: border-box; margin-top: 30px; text-align: right; border-top: 1px solid #fff;}
.footer .footNav.colRight a {color: #FFF;}
#count {width: 100% ;height:140px;background: url(https://ocdn.eu/pi-user-uploads/plejada/bgcount.png) no-repeat center /contain;font-size: 45px; padding-top: 35px;font-weight: bold; margin: 0 auto;}
#count span {display: inline-block;padding:20px 25px;width:55px}

@media screen and (max-width: 600px) {
    #count {font-size:10vw;}
    #count span {width: 10vw;padding: 8vw 2vw}
    
}