html,
body {
    height: 100%;
}

body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.form-signin {
    width: 100%;
    max-width: 450px;
    padding: 1.5rem;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 15px;
    
    box-shadow: 0 10px 14px 0 rgba(0,0,0,0.10), 0 10px 40px 0 rgba(0,0,0,0.05);
}

.form-signin .checkbox {
    font-weight: 400;
}


@media only screen and (max-width: 425px) {
  body {
    max-width: 100%;
    padding: 1.25rem;
  }
}