#login-content-container {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 224px;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: stretch;
}
#login-additional-content, #login-content {
    width: 350px;
    height: auto;
    padding: 20px;
    display: block;
    border: 0;
    position: relative;
    margin: 0;
    background-color: #fff;
    border-radius: 4px;
}
@media (min-width: 741px) {

    #login-additional-content {
        border-left: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }

    #login-content {
        border-right: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
}
@media (max-height: 700px) {
    #login-content {
        margin-top: 0;
    }
    #login-content-container {
        margin-top: 30px;
    }

}
@media (max-width: 740px)
{
    #login-logo {
        margin-top: 0;
    }
    #login-content-container {
        margin-top: 0;
        flex-direction: column;
        overflow-x: hidden;
    }
    #login-additional-content
    {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-top: 0 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    #login-content{
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-bottom: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    #login-additional-content, #login-content, #login-logo{
        position: relative;
    }
}