body {
    background-color: #fff;
}

    body > .grid {
        height: 100%;
    }

.column {
    max-width: 375px;
}

.top.attached.header {
    border: none;
    color: #FFFFFF;
}

.attached.segment {
    background-color: #F7F7F7;
    padding: 2rem 2rem 4.5rem 2rem;
}


#form-login, #form-forgot {
    border: 0;
    /*background: #000326;*/
    float: right;
    width: 400px;
    padding-top: 7px;
}


#login-head {
    padding-left: 2em;
}

#login-img {
    background-color: #000326;
}

#login-subhead {
    background: #000326;
}

#login-logo-div {
    background: #000326;
}

#login-logo{
    padding : 0.5rem;
    width : 70px;
    height : 70px;
}

#subhead-text {
    vertical-align: central;
}

.ui.attached.segment {
    background: #dedede;
    border: 1px solid #acacac;
}

.field {
    border: 1px solid #acacac;
}

@media only screen and (max-width: 370px) {
    #div-login{
        max-width : 300px;
        margin-left : auto;
        margin-right : auto;
    }

    .ui.attached.segment {
        padding : 2rem 1rem 4.5rem 1rem
    }
}