.login-one-form {
  transform:translate(-50%, -50%);
  max-width:350px;
  width:350px;
  left:50%;
  background-color:#fff;
  padding:30px;
  border-radius:5px;
  position:absolute;
  box-shadow:6px 6px 6px rgba(0,0,0,0.9);
  margin-top:150px;
}
@media (min-width:576px){
  .login-one-form {
    transform:translate(-50%, -50%);
    max-width:350px;
    width:350px;
    left:50%;
    background-color:#fff;
    padding:30px;
    border-radius:5px;
    position:absolute;
    box-shadow:6px 6px 6px rgba(0,0,0,0.9);
    margin-top: -50px;
  }
  
}
.login-one {
  background-color:rgba(0,0,0,0.1);
  min-height:100%;
  height:1000px;
  background-size:cover;
}

.login-one-ico  {
  padding:10px auto;
  font-size:70px;
  text-align:center;
  color:#8eb4df;
}

.form-group {
  text-align:center;
}

.campos {
  margin:10px;
}

#button {
  width:100%;
  margin:10px;
}

#heading {
  padding-bottom:10px;
}