@media (max-width: 620px) {
    .app .views .login .form {
        width: auto;
    }

    .app .views .account {
        flex-direction: column;
    }

    .app .views .account .selector .links {
        flex-direction: row;
        justify-content: space-between;
    }

    .app .views .account .selector h1 {
        display: none;
    }

    .app .views .account .selector h2 {
        display: block;
    }

    .app .views .account .selector .links .section .section-name {
        display: none;
    }

    .app .views .account .sections .help .message {
        width: calc(100% - 20px);
    }
}

@media (max-width: 800px) {
    .app .views .account .sections .devices .add-device .form .form-field.firstName {
        grid-column: col / span 2;
        grid-row: row ;
    }

    .app .views .account .sections .devices .add-device .form .form-field.lastName {
        grid-column: col 3 / span 2;
        grid-row: row ;
    }

    .app .views .account .sections .devices .add-device .form .form-field.email {
        grid-column: col / span 2;
        grid-row: row 2;
    }

    .app .views .account .sections .devices .add-device .form .submit {
        grid-column: col 3 / span 2;
        grid-row: row 2;
    }
}