#title_and_submit_your_own_and_login {
    position: fixed;
    top: -2px;
    left: 0;
    z-index: 81;
    padding-top: 1px;   /* to center the icons back up after pulling the topbar 2px up to remove flickering in iphone mobile on scroll */
}

#submit_your_own_and_person_icon, #person_icon_and_logout_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    &#person_icon_and_logout_btn {
        flex-direction: column;
    }
}

/* use @media */
@media only screen and (max-width: 349px) {
    #title_and_submit_your_own_and_login {
        height: calc(var(--topbar_height)*var(--topbars_size_fraction_for_under_350px_wide_screens) + 2px);
    }
    #titles_text_no_logo, #titles_text_nba_logo {
        height: calc(70px*var(--topbars_size_fraction_for_under_350px_wide_screens)*.93*.9);
    }
    #titles_text_no_logo {
        width: calc(509.172px*var(--topbars_size_fraction_for_under_350px_wide_screens)*.93*.9);          /* set to height*svgs dimension ratio */
    }
    #titles_text_nba_logo {
        width: calc(499.975px*var(--topbars_size_fraction_for_under_350px_wide_screens)*.93*.9);          /* set to height*svgs dimension ratio */
    }
    #user_submission_icon {
        height: calc(70px*var(--topbars_size_fraction_for_under_350px_wide_screens));
        width: calc(59.879px*var(--topbars_size_fraction_for_under_350px_wide_screens));           /* set to height*svgs dimension ratio */
        padding-right: 10px;
    }
    #person_icon {
        height: calc(70px*var(--topbars_size_fraction_for_under_350px_wide_screens));
        width: calc(59.032px*var(--topbars_size_fraction_for_under_350px_wide_screens));           /* set to height*svgs dimension ratio */
    }
    #loggedin_person_icon {
        width: calc(59.032px*var(--topbars_size_fraction_for_under_350px_wide_screens) - 11.807px);
    }
}

@media only screen and (min-width: 350px) and (max-width: 575px) {
    #title_and_submit_your_own_and_login {
        height: calc(var(--topbar_height)*var(--topbars_size_fraction_for_350px_through_576px_wide_screens) + 2px);
    }
    #titles_text_no_logo, #titles_text_nba_logo {
        height: calc(70px*var(--topbars_size_fraction_for_350px_through_576px_wide_screens)*.93*.84);
    }
    #titles_text_no_logo {
        width: calc(509.172px*var(--topbars_size_fraction_for_350px_through_576px_wide_screens)*.93*.84);          /* set to height*svgs dimension ratio */
    }
    #titles_text_nba_logo {
        width: calc(499.975px*var(--topbars_size_fraction_for_350px_through_576px_wide_screens)*.93*.84);          /* set to height*svgs dimension ratio */
    }
    #user_submission_icon {
        height: calc(70px*var(--topbars_size_fraction_for_350px_through_576px_wide_screens));
        width: calc(59.879px*var(--topbars_size_fraction_for_350px_through_576px_wide_screens));           /* set to height*svgs dimension ratio */
        padding-right: 10px;
    }
    #person_icon {
        height: calc(70px*var(--topbars_size_fraction_for_350px_through_576px_wide_screens));
        width: calc(59.032px*var(--topbars_size_fraction_for_350px_through_576px_wide_screens));           /* set to height*svgs dimension ratio */
    }
    #loggedin_person_icon {
        width: calc(59.032px*var(--topbars_size_fraction_for_350px_through_576px_wide_screens) - 11.807px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    #title_and_submit_your_own_and_login {
        height: calc(var(--topbar_height)*var(--topbars_size_fraction_for_576px_through_767px_wide_screens) + 2px);
    }
    #titles_text_no_logo, #titles_text_nba_logo {
        height: calc(70px*var(--topbars_size_fraction_for_576px_through_767px_wide_screens)*.93);
    }
    #titles_text_no_logo {
        width: calc(509.172px*var(--topbars_size_fraction_for_576px_through_767px_wide_screens)*.93);          /* set to height*svgs dimension ratio */
    }
    #titles_text_nba_logo {
        width: calc(499.975px*var(--topbars_size_fraction_for_576px_through_767px_wide_screens)*.93);          /* set to height*svgs dimension ratio */
    }
    #user_submission_icon {
        height: calc(70px*var(--topbars_size_fraction_for_576px_through_767px_wide_screens));
        width: calc(59.879px*var(--topbars_size_fraction_for_576px_through_767px_wide_screens));           /* set to height*svgs dimension ratio */
        padding-right: 10px;
    }
    #person_icon {
        height: calc(70px*var(--topbars_size_fraction_for_576px_through_767px_wide_screens));
        width: calc(59.032px*var(--topbars_size_fraction_for_576px_through_767px_wide_screens));           /* set to height*svgs dimension ratio */
    }
    #loggedin_person_icon {
        width: calc(59.032px*var(--topbars_size_fraction_for_576px_through_767px_wide_screens) - 11.807px);
    }
}

@media only screen and (min-width: 768px) {
    #title_and_submit_your_own_and_login {
        height: calc(var(--topbar_height) + 2px);
    }
    #titles_text_no_logo, #titles_text_nba_logo {
        height: calc(70px*.93);
    }
    #titles_text_no_logo {
        width: calc(509.172px*.93);          /* set to height*svgs dimension ratio */
    }
    #titles_text_nba_logo {
        width: calc(499.975px*.93);          /* set to height*svgs dimension ratio */
    }
    #user_submission_icon {
        height: 70px;
        width: 59.879px;           /* set to height*svgs dimension ratio */
        padding-right: 10px;
    }
    #person_icon {
        height: 70px;
        width: 59.032px;           /* set to height*svgs dimension ratio */
    }
    #loggedin_person_icon {
        width: calc(59.032px - 11.807px);
    }
}

/* #user_submission_text {
  font-size: 20px;
  margin: 0px 10px 0px 0px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  align-self: center;
} */

#logout_form, #logout_form [type="submit"] {
    font-size: 10px;
    width: 100%;
}