html {font-family:arial; position: relative;min-height: 100%;margin: 0;padding: 0; background: #0b1129 url(../images/bg.jpg) no-repeat top center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; overflow:hidden;}
h2{font-weight:normal; color:#b08f3f;}
input{background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: 1rem;margin: 0 0 15px 0;padding: 0;box-shadow: none;box-sizing: content-box;transition: all .3s;color:gray;}
.outer {display: table;position: absolute;height: 100%;width: 100%;}
.middle {display: table-cell;vertical-align: middle;}
.inner { margin:0 auto; width: 800px; box-shadow: 0 0 20px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.6); -o-box-shadow: 0 0 20px rgba(0,0,0,0.6); opacity:0.9; background: #997a2e;}
.left {float: left;width: 350px; background:#997a2e; text-align:center;}
.right {float: right;width: 350px; background:#fff; padding:50px;}
.group:after {content:"";display: table;clear: both;}
.pad{padding:50px;}
.logo{padding:97px 0; text-align:center;}
.btn {display: inline-block;padding:10px;cursor: pointer;background:#9a7b2f; color:#fff; text-decoration:none;}

@media screen and (max-width: 560px) {
.left,.right {float: none;width:320px;padding:20px;}
.logo{ padding:30px 0;}
.inner {width:380px; box-shadow:none;}
}