.customer-account-login,
.customer-account-forgotpassword {
    background: #fff;
}

.customer-account-login .login-header.page-title-wrapper, 
#html-body [class*="b2b-account-"] .login-header.page-title-wrapper { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    height: 40px;
    background: inherit;
}

.customer-account-login .login-header.page-title-wrapper .title img,
#html-body [class*="b2b-account-"] .login-header.page-title-wrapper .title img {
    height: 40px;
    width: auto;
    border: none;
    outline: none;
}

.customer-account-login .page-main-inner .columns .column.main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column wrap;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    box-shadow: rgba(0, 0, 0, 0.25) 8px 8px 23px -7px;
    padding: 2rem;
}

.customer-account-login .page-main-inner .columns .column.main .login-container {
    height: inherit;
    width: 100%;
    padding: 1.5rem 0 0;
}

.customer-account-login .page-main-inner .columns .column.main .login-container .block-customer-login {
    margin: 0 !important;
    flex: unset;
    max-width: unset;
}

.customer-account-login .page-main-inner .columns .column.main .login-info-block {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    height: inherit;
    width: 100%;
    padding: 1rem 0;
}

.customer-account-login .page-main-inner .columns .column.main .login-info-block .info {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
}

.customer-account-login .page-main-inner .columns .column.main .login-info-block .info h1 {
    text-transform: uppercase;
    margin-bottom: 1em;
}

.customer-account-login .page-main-inner .columns .column.main .login-info-block .info a {
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .customer-account-login .page-main-inner .columns .column.main {
        flex-flow: row nowrap;
        padding: 2rem;
    }
    
    .customer-account-login .page-main-inner .columns .column.main .login-info-block {
        padding: 1rem 2rem 0 2rem;
    }

    .customer-account-login .page-main-inner .columns .column.main .login-info-block .info {
        height: 515px;
    }
}