body {
    background-color: #002B49;
    color: #fff;
}

h1 {
    text-align: center;
    margin-bottom: 50px;
}

.hero {
    position: relative;
    height: 100vh;
    width: 100%;
    /*  display: flex;*/
    align-items: center;
    justify-content: center;
    /*background-image: url('/images/BlueSquares_256.png');*/
    background-image: url('https://img1.wsimg.com/isteam/ip/cc3b3ffc-1e74-470b-bd92-0a3e9218f668/u4m1pJgJgOSrPzge3.webp/:/cr=t:12.5%25,l:0%25,w:100%25,h:75%25/rs=w:1200,h:600,cg:true');
    background-size: cover;
   /* background-color: rgb(1, 131, 179);
    opacity: .9;*/
}

    .hero::before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-color: rgb(1, 131, 179);
        opacity: 0.6;
    }


@media (min-width: 992px) #app, body, html {
    height: 100%;
}
.app.app-without-header {
    padding-top: 0;
}
.login {
    min-height: 100%;
    padding: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
    .login .login-content {
        max-width: 22.5rem;
        margin: 0 auto;
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.btn.primary, .btn-primary {
    background-color: #ff8c00 !important; /* #005778 !important;*/
    border-color: #ff8c00;
    color: #fff;
}
.text-primary {
    color: #ff8c00 !important;
}