@media only screen and (max-width: 600px) {
    #back-to-top-static .back-to-top-static__icon {
        display: block;
    }

    #back-to-top-static .back-to-top-static__text {
        display: none;
    }

    /* Change menu to be above main site for accessibility - now works for 400% zoom */
    #user-account-menu {
        position: sticky;
        right: 0;
        top: 0;
    }

    #user-account-menu ul {
        text-align: center;
    }

    #user-account-menu .name-and-info {
        padding-top: 2em;
        max-width: none;
    }

    .my-account-custom-form-item .form-results img, .form-result-item .form-results img {
        max-width: 100%;
    }

    /* margin for search reps/forms buttons */
    #btn_search_representations, #btn_search_form_responses {
        margin-bottom: 0.25em;
    }
}

@media only screen and (max-width: 1000px) {
    ul.supporters-list {
        columns: 3;
    }
}

@media only screen and (max-width: 719px) {
    .form-login {
        width: 100%;
    }
    ul.supporters-list {
        columns: 2;
    }
}

@media only screen and (min-width: 720px) {
    main.oc2connect {
        max-width: 100%;
        padding: 0;
    }
}

/* more changes for 400% zoom */

@media only screen and (max-width: 390px) {

    #user-account-menu {
        position: relative;
    }

    #user-account-menu li {
        padding: 0;
    }

    #user-account-menu .name-and-info {
        padding-top: 5em;
    }

}