#form {
  width:50%;
  max-width:400px;
  min-width:280px;
  margin:100px auto;
  text-align: center;
}
@media screen and (max-width:500px) {
  #form {margin:50px auto 0;}
}

form {
  width:80%;
  margin:30px auto;
}

.row {
  position: relative;
  margin:0;
}

span {
  position:absolute;
  top:27px;
  left:10px;
  color:#414141;
}

input {
  width:100%;
  height:30px;
  padding-left:35px;
  margin-top:20px;
  background:#e7e7e7;
  outline:none;
  border:none;
}

button {
  width:100%;
  height:40px;
  margin-top:20px;
  background:#66b2fd;
  border-radius: 5px;;
  line-height:40px;
  color:white;
  outline:none;
  border:none;
  transition:all .3s;
}
button:hover {background:#2b92f8;}

.signup {
  width:80%;
  padding-top:50px;
  margin:50px auto 0;
  border-top:1px solid #cccccc;
}