.lighthouseLogoText
{
    display: none;
}

.lighthouseLogoBig
{
    display: inline-block;
    background-image: url(../images/DESE_Stacked.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 420px;
    width: 420px;
    height: 285px;
    position:relative;
    z-index:5;
}

.lighthouseLogo
{
    background-image: url(../images/DESE.svg);
    display: inline-block;
    height: 40px;
    width: 100px;
    background-position: 0px 0px;
    background-size: 200px;
}

.lighthouseLogoDimensions
{
    display:inline-block;
    height: 40px;
    width: 100px;
    position:absolute;
    padding:0px;
    top: 3px; 
    left: 15px;
}

header .logo
{
    position: static;
}

.logoContainer
{
    margin-top: 8rem;
}

.sso-login-btn
{
    width: 375px;
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(96,123,165,1)),to(rgba(34,71,129,1)));
    background: -o-linear-gradient(top,  rgba(96,123,165,1) 0%,rgba(34,71,129,1) 100%);
    background: linear-gradient(to bottom,  rgba(96,123,165,1) 0%,rgba(34,71,129,1) 100%);
}

.nav > ul
{
    list-style-type: none;
    padding-left: 115px;
}

.login-page-bg {
    background: rgb(77,83,89);
    background: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.8) 40%),
                linear-gradient(20deg, rgba(0,0,0,1) 0%, rgba(107,113,119,1) 75%);
}
.login-page-bg:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: url(../images/triangles_dark_bg.png);
    background-size: auto;
    opacity: 0.3;
    transform: scale(1.4);
}

@media only screen and (max-width: 844px)
{
    .logoContainer
    {
        margin-top: 3rem;
    }
    .login-page-bg {
        background: rgb(77,83,89);
        background: linear-gradient(0deg, rgba(0,0,0,1) 70%, rgba(0,0,0,0.5) 100%),
                    linear-gradient(20deg, rgba(0,0,0,1) 0%, rgba(107,113,119,1) 75%);
    }
}