.wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}

.form-signin {
  max-width: 380px;
  padding: 15px 35px 30px;
  margin: 0 auto;
  background-color: #fff;
  border: none;
  border-radius: 8px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

@media only screen and (min-width : 500px) {

  .form-signin {
    box-shadow: 0 40px 40px -6px grey;
    border: 1px solid rgba(0, 0, 0, 0.1);
    animation: loginboxshadow 1s;
  }
}

@keyframes loginboxshadow {
    from { box-shadow: 0 0px 0px 0px grey; }
    to { box-shadow: 0 40px 40px -6px grey; }
}