.forgot-link {
    font-size: 16px;
}

@media screen and (min-width: 900px), print {
    #system-name {
        font-size: 60px;
        display: inline-block;
    }
    div.login-box {
        margin-right: 100px;
        text-align: right;
        vertical-align: top;
    }
    div.demo-mark {
        display: block;
        padding: 20px;
        font-size: 24px;
        color: white;
        border-radius: 8px;
        background-color: red;
    }
}
@media screen and (max-width: 899px) {
    .sub-title {
        font-size: 16px;
    }
    #system-name {
        font-size: 60px;
        display: block;
    }
    div.login-box {
        width : 100%;
    }
    div.demo-mark {
        display: block;
        padding: 10px;
        font-size: 16px;
        color: white;
        background-color: red;
    }
}