html, body { width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; min-width: auto; } #app { display: none; } .wrap { width: 100%; height: 100%; background-image: url('/background_no_js.jpg'); position: relative; } .mobile-header { height: 100px; overflow: hidden; padding: 10px; text-align: center; } .mobile-logo { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="50" viewBox="0 0 52 50"><path fill="#FFF" fill-rule="evenodd" d="M9.182 20v-.016l2.95-1.29 3.14 1.775v21.578l-6.09 2.66V26.233l-3.092 1.35V46.05L0 48.71V3.935l6.09-2.66v20.075L9.182 20zm0 3.115l-3.092 1.35 3.092-1.35zm36.728-.67l-3.23 1.41V5.35l-6.09 2.66v21.578l3.14 1.775 2.95-1.29v-.02l3.23-1.41v20.085l6.09-2.66V1.29l-6.09 2.66v18.495zm-27.546-6.472l6.09-2.66v24.723l-6.09 2.66V15.974zM27.546 2.66L33.636 0v34.016l-6.09 2.66V2.662zm-9.2 4.02l6.122-2.675v6.2l-6.12 2.673V6.68zm0 37.12l15.304-6.684v6.198L18.347 50v-6.2z"/></svg>'); width: 52px; height: 50px; display: inline-block; } .mobile-text { color: #fff; font: 1rem Arial, sans-serif; width: 225px; display: inline-block; vertical-align: top; margin-left: 20px; margin-top: 10px; } .mobile-content { top: 100px; bottom: 100px; width: 100%; position: absolute; background-size: auto 100%; background-repeat: no-repeat; background-position: 50%; background-image: url('/mobile_ui_img_tablet.png'); } .mobile-footer-buttons { position: absolute; bottom: 0; left: 0; right: 0; } .mobile-play-store { background-image: url('/android.png'); bottom: 50px; height: 50px; right: 0; left: 0; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: 50%; }