.account-box .form-box
{
    padding: var(--space-between-l);
}
.account-box H1
{
    font-size: 2.2rem; 
    margin-bottom: 1rem;
}
.account-box P
{
    margin-bottom: 0;
}
.account-box .logo
{
    text-align: center;
    margin-top: var(--space-between-l);
    margin-bottom: var(--space-between-xl);
}
.account-box .logo img
{
    object-fit: scale-down;
    max-height: 65px;
}
.account-switch
{
    margin-top: 30px;
    text-align: center;
}

@media (min-width: 768px) 
{
    .account-box
    {
        position: fixed;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 0; left: 0; right: 0; bottom: 0;
    }
    .account-box .form-box
    {
        width: 425px;
        border: var(--border-width) solid var(--border-color);
    }
}

@media (max-width: 767.98px)
{
    .form-box-actions
    {
        flex-wrap: wrap;
        justify-content: center;
    }
    h1
    {
        text-align: center;
    }
    .btn-primary
    {
        order: 0;
        display: block;
        width: 100%;
        margin-left: 0!important;
    }
    .password-reset
    {
        margin-top: var(--space-between);
        text-align: center;
        order: 1;
    }
}