body {
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}

#page-footer {
    display: none;
}

#region-main h2.card-header {
    padding: 1em;
}

#region-main .card-body .col-md-5 {
    width: 100% !important;
    margin: auto !important;
    padding: 15px !important;
    flex: 0 0 400px;
    max-width: 100%;
    min-width: 51%;
}

#region-main .col-sm-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

#region-main .card, .apps-download {
    max-width: 500px;
    margin: auto;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.22);
}

#region-main .card-header img {
    max-width: 83% !important;
}

#page {
    background: rgba(187, 187, 187, 0.8)
}

#region-main .card-body .col-md-5:nth-child(2) {
    padding: 0 15px !important;
}

#region-main .card-body .col-md-5:nth-child(2) div {
    display: none;
}

#region-main .card-body .col-md-5:nth-child(2) div:first-of-type {
    display: block !important;
}

.apps-download a {
    margin: auto;
    float: initial;
}

.apps-download img {
    min-width: 120px;
    max-width: 140px;
}

#region-main .card-body .form-control {
    border-radius: 3px !important;
    padding: 10px !important;
}

#region-main .card-body button[type='submit'] {
    padding: 10px;
    font-size: 17px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#rememberusername {
    opacity: 0.8;
}

label[for='rememberusername'] {
    color: #999999;
}