#login{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top: 10px; padding-bottom: 10px;background-position:center center;background-size:cover;/*background-image:url("http://lorempixel.com/1920/1280/sports/");background-repeat:no-repeat;*/background: #fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#login:after{position:absolute;top:0;left:0;right:0;bottom:0;content:'';background:rgba(0,0,0,0.65)}#login #container{max-width:32.25rem;width:100%;padding:0 1.875rem;text-align:center;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 30rem){#login #container #logo{width:125px;height:84px}#login #container #logo a{background-size:125px auto}}#login #container form{margin-top:2.5rem;background: rgba(255, 121, 0, 0.85);padding:1.875rem 2.5rem;border-radius:.3125rem;width:100%}@media only screen and (max-width: 30rem){#login #container form{padding:1.875rem}}  #login #container label{color:#fff}  #login a, #login a:hover { position: relative; top: 10px; color: #fff; }  .has-error { border-color: #bc3737; color: #bc3737; }