html {
    min-height: 100%;
    position: relative;
}

body {
    background: rgba(0, 0, 0, 0) url("../images/5.jpg") no-repeat fixed center center / cover ;
}

.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;
    width: 100%;

    -webkit-box-pack : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    -webkit-justify-content : center;
    justify-content : center;
}

.login-box {
    width: 30em;
    padding: 2em;
    margin-bottom: 8em;
    background-color: #fcfcfc;
    border: 1px solid #eee;
}

footer {
    width: 100%;
    text-align: center;
    height: 6em;
    padding: 1em;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
}