body {margin: 0px; padding: 0px; overflow-x: hidden; background-color: black; font: normal 20px Verdana, Arial, Helvetica, sans-serif; color: #666666; line-height: 12px; text-align: center; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-touch-callout: none}
#footer {display: block; background-color: black; width: 100%; text-align: center}
#footer img {margin-right: 4px; vertical-align: middle}
#footer a {color: #aaaaaa; text-align: center; text-decoration: none; vertical-align: middle}
#footer a:hover {color: #ffffff}

@media screen and (orientation: landscape) {
#theme {display: inline-block; white-space: nowrap; width: 100vw}
#theme div {display: inline-block; white-space: nowrap;}
#theme div:nth-child(1), #theme div:nth-child(1) div {width: 49vw; vertical-align: top}
#theme div:nth-child(2), #theme div:nth-child(2) div {width: 49vw; vertical-align: top;}
#theme div:nth-child(1) img, #theme div:nth-child(2) img {width: 100%}
#theme div:nth-child(2) div:nth-child(2) {width: 49vw}
#theme div:nth-child(1) div:nth-child(2) {width: 49vw}
#logo-neptun, #logo-bps {display: block; width: 49vw; position: absolute; top: 0px; z-index: 1}
#back-bps {display: block; width: 49vw; z-index: 0;}
#icon-fb  {display: block; width: 49vw; position: absolute; top: 0px; z-index: 2}
#icon-przejdz {display: block; width: 49vw; position: absolute; top: -120px; z-index: 1}
#back-neptun {display: block; width: 49vw; z-index: 0}
#footer {margin-top: 0px; height: 40px}
#footer a {font-size: 10px; font-family: Verdana, Arial; line-height: 36px}
}

@media screen and (orientation: portrait) {
#theme {display: block}
#theme div:nth-child(1) div {width: 100%; height: 40vh; overflow: hidden}
#theme div:nth-child(2) div {width: 100%; height: 40vh; overflow: hidden}
#theme div:nth-child(1) div:nth-child(2) img {width: 100%; z-index: 2}
#theme div:nth-child(1) div:nth-child(4) img {width: 100%; z-index: 1}
#theme div:nth-child(2) div:nth-child(2) img {width: 100%}
#theme div:nth-child(2) div:nth-child(4) img {width: 100%}
#theme div:nth-child(1) div:nth-child(1) {display: none}
#theme div:nth-child(1) div:nth-child(2) {display: block; width: 100%; height: 60vh; position: absolute; margin-top: -150px}
#theme div:nth-child(1) div:nth-child(3) {display: none}
#theme div:nth-child(2) div:nth-child(1) {display: none}
#theme div:nth-child(2) div:nth-child(2) {display: block; width: 100%; height: 60vh; position: absolute; margin-top: -50px}
#theme div:nth-child(2) div:nth-child(3) {display: none}
#footer {margin-top: 10px; height: 60px}
#footer a {font-size: 14px; font-family: Verdana, Arial; line-height: 14px}
}