html,body{min-height:100%;padding:0;margin:0}.login-info{position:fixed;width:100%;top:0;left:0;z-index:1}.logo{margin-bottom:10px}.wrapper{padding-top:calc(50vh - 200px)}.login-page{background-repeat:no-repeat;background-position:center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:450px;height:100%}.login-column{background:rgba(255,255,255,0.8);width:400px;margin:0 auto;padding:20px 10px}.login-page .login-box{transform:translate3d(0, 0, 0)}.login-page .wrapper{margin-bottom:-50px}.login-page .footer{color:#fff;background:rgba(0,0,0,0.7);padding:5px 20px 10px 20px;font-size:12px;height:50px}.login-page .footer .footer-links>li>a{color:#fff}.login-page .container{width:100%}@media (max-height:300px){.login-column{margin-top:30px}}@media (max-width:768px){.login-page{background:none !important}.wrapper{padding-top:0}.login-column{position:static;width:auto;padding:0;margin:0}.login-info{position:static;margin-bottom:15px}.login-page .wrapper{margin-bottom:-45px}.login-page .footer{height:45px;padding:5px 0 0 0;color:#fff}.login-page .footer .footer-links>li>a{color:#fff}.login-page .container{width:100%}}