.main,.wrapper,body,html,main{height:100%;width:100%}.box .line,.btn{white-space:nowrap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,sans-serif;font-size:16px;background-color:#eee;background-image:url(bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;color:#333}a,a:visited{text-decoration:none;color:#333}a:hover{color:#000}.btn-default,input{color:inherit;background:inherit}h1{font-size:2em;margin-bottom:.8em}h1.with-subtitle{margin-bottom:.2em}h2{font-size:1.3em;margin-bottom:.8em}input{border:1px solid #666;padding:.5em;margin:.2em .3em;font:inherit;font-size:.8em}.wrapper{padding:1em;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.header,.main,main{display:-webkit-flex;display:-ms-flexbox}.header{position:fixed;top:1em;left:1em;right:1em;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.btn{display:block;padding:.5em;margin:.2em;font:inherit;cursor:pointer;outline:0;border:2px solid;text-transform:uppercase}.btn[type=submit]{margin-top:1em;margin-bottom:0}.btn-default{border-color:#666}.btn-default.active,.btn-default:hover{color:#eee;background-color:#666}.btn-primary{color:#060;background:rgba(0,102,0,.2);border-color:#060}.btn-primary.active,.btn-primary:hover{color:#eee;background-color:#060;border-color:#060}.main,main{display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.box .info,.box .line{display:-webkit-flex;display:-ms-flexbox}.box{position:relative;padding:2em;border:2px solid #666;background-color:rgba(238,238,238,.7);box-shadow:0 1px 7px #666;text-align:center}.box:after{content:"";position:absolute;top:100%;left:0;height:2em;width:100%;background:radial-gradient(ellipse at 50% -3%,rgba(102,102,102,1),rgba(102,102,102,0) 30%)}.box .info{width:90%;margin:0 auto;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.box .nav{position:absolute;top:.3em;left:.3em;right:.3em;text-align:left}.box .line{width:100%;margin:.5em 0;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.form{width:80%;min-width:15em;margin:0 auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}@media all and (min-width:350px){.box{padding:2em 3em}}@media all and (min-width:768px){body{font-size:20px}.box{padding:3em 5em}}@media all and (min-width:992px){body{font-size:24px}}