body{
  background: #2d343d; /* Old browsers */
  background: -moz-linear-gradient(top,  #2d343d 0%, #111110 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #2d343d 0%,#111110 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #2d343d 0%,#111110 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d343d', endColorstr='#111110',GradientType=0 ); /* IE6-9 */
  text-transform: uppercase;
}
.login {
  margin: 20px auto;
  width: 360px;
  padding: 30px 25px;
  background: white;
  border: 1px solid #c4c4c4;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

h1.login-title {
  margin: -28px -25px 25px;
  padding: 15px 25px;
  line-height: 30px;
  font-size: 25px;
  font-weight: 300;
  color: #ADADAD;
  text-align:center;
  background: #f7f7f7;
}

.login-input {
  width: 285px;
  height: 50px;
  margin-bottom: 25px;
  padding-left:10px;
  font-size: 15px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-transform: uppercase;
}
.login-input:focus {
    border-color:#6e8095;
    outline: none;
  }
.login-button {
  background:#0AC986;
  display:inline-block;
  width:100%;
  font-size:16px;
  height:50px;
  color:#fff;
  text-decoration:none;
  border:none;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
.login-lost{
  text-align:center;
  margin-bottom:0px;
}

.login-lost a{
  color:#666;
  text-decoration:none;
  font-size:13px;
}

@media (max-width: 400px) {
  .login {
    margin: 40px auto;
    width: 340px;
    padding: 30px 25px;
    background: white;
    border: 1px solid #c4c4c4;
    text-align: center;
  }
}
@media (max-width: 200px) {
  .login {
    margin: 40px auto;
    width: 320px;
    padding: 30px 25px;
    background: white;
    border: 1px solid #c4c4c4;
    text-align: center;
  }
}