.charlemagne-login-form #loginform p {
    display: flex;
}

@media only screen and (max-width: 556px) {
    .charlemagne-login-form #loginform p {
        flex-direction: column;
    }
}

.charlemagne-login-form #loginform p label {
    flex: 0 0 20%;
}

.charlemagne-login-form #loginform p input {
    flex: 1 0;
    width: 100%;
}

.charlemagne-login-form #loginform p.login-remember label {
    display: flex;
    flex: 0 0 20%;
    align-items: center;
}

.charlemagne-login-form #loginform p.login-remember input {
    order: 2;
    margin-left: 15px;
    flex: 0;
}

.charlemagne-login-form #loginform p.login-submit input {
    flex: 0;
}

.charlemagne-login-form .error-message .error {
    padding: 0;
}

.charlemagne-login-form .error-message {
    padding: 25px 15px;
    margin-bottom: 20px;
    color: #D8000C;
    background-color: #FFBABA;
}