body, html {
    height: 100%;
    color:white;
}

.bg div, label, input, ::placeholder, a {
    text-transform: uppercase;
}

a, a:visited, a:hover {
    text-decoration: none;
    font-size: 0.8em;
    color:white;
}

input {
    border: 2px solid white;
    padding: 0.5em;
    margin-bottom: 1em;
    background: none;
    width:100%;
}

.bg {
    background-image: url("../images/extranet.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.authentication {
    position:relative;
    top:35%;
    left:70%;
    width:20%;
    text-align: center;
}

.authentication .form {
    padding:0.5em;
}

.form p {
    border:1px solid white;
    padding:0.5em;
    margin-bottom:0.5em;
}

#logo {
    width:100%;
    height:100%;
}

#msg {
    padding: 0.2em 0;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: .5;
}

::-moz-placeholder { /* Firefox 19+ */
    opacity: .5;
}

:-ms-input-placeholder { /* IE 10+ */
    opacity: .5;
}

:-moz-placeholder { /* Firefox 18- */
    opacity: .5;
}

::placeholder {
    opacity: .5;
}

label[for="remember_me"] {
    font-size: 0.8em;
}

input#username {
    background-image: url("../images/silhouette.svg");
    background-repeat: no-repeat;
    background-size: 1em;
    padding-left:2em;
    background-position: left .6em center;
    text-transform: none;
}

input#password {
    background-image: url("../images/locker.svg");
    background-repeat: no-repeat;
    background-size: 1em;
    padding-left:2em;
    background-position: left .6em center;
    text-transform: none;
}

input#remember_me {
    width:auto;
    vertical-align: text-top;
    margin-top: 0;
    font-weight: normal;
}

input#_submit {
    background:white;
    color:#00718F;
    margin-bottom: 0.2em;
}

.authentication .has-error .control-label, .authentication .has-error .help-block  {
    color:white;
}

.bg {display:flex;align-content:center;align-items:center;}
.authentication {position:relative;top:auto;left:auto;width:300px;text-align:center;background:rgba(0, 0, 0, .5);padding:20px;margin:0 10% 0 auto;}

@media screen and (max-width:480px) {
    .authentication {margin:0 auto 0 auto;}
}