/* --------- Phones -----------  */
@media (max-width: 670px) {
  .centred {
    margin: 0 auto -180px;
  }
  .main_header .main_header_bg {
    height: 125px;
  }
  .main_header .logo {
    background-size: 60%;
  }
  .vp_chart {
    width: 98%;
  }
  #user_sub_nav ul {
    display: block;
    float: right;
    width: 100%;
    margin-right: 3%;
  }
  #user_sub_nav li {
    margin-top: 10px;
  }
  #user_sub_nav ul li ul li {
    z-index: 10000;
  }
  .tab_content_area--container {
    width: 94%;
    padding: 0 3%;
  }
  .tab_content_area table,
  .tab_content_area table tr,
  .tab_content_area table td,
  .tab_content_area table tbody {
    display: block;
  }
  .tab_content_area table td {
    padding: 2px 0;
  }
  .tab_content_area table,
  .tab_content_area table tr,
  .tab_content_area table tbody,
  .tab_content_area table td {
    width: 100%;
  }
  .tab_content_area table tr {
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 16px;
  }
  .tab_content_area .standard_text_form .input,
  .tab_content_area .standard_text_form .textarea {
    width: 90%;
    margin-left: 5%;
  }
  .tab_content_area .questionnaire--introduction {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .tab_content_area .participant_search {
    width: 80%;
    margin: 0 10% 50px 10%;
  }
  .tab_content_area .participant_search .input {
    width: 80%;
  }
  .tab_content_area .participant_search .submit {
    width: 25px;
  }
  .tab_content_area .enter_name {
    width: 28%;
  }
  .tab_content_area .enter_email {
    width: 60%;
  }
  .tab_content_area .add_contributors_form .submit {
    float: right;
    margin: 40px 1.5% 50px 0;
  }
  .questionnaire .question {
    width: 90%;
    padding: 0 5%;
  }
  .questionnaire .question--wording {
    width: 90%;
    margin-left: 0;
  }
  .questionnaire .question--buttons {
    float: left;
    margin: 8px 0;
    margin-bottom: 25px;
  }
  .questionnaire .question--page_verified {
    width: 90%;
    margin-right: 5%;
    text-align: right;
  }
  .questionnaire .question--continue_button {
    margin-right: 5%;
  }
  .questionnaire .questionnaire--progress_bar {
    margin-bottom: 0px;
  }
  .main_footer {
    height: 150px;
  }
  .main_footer .footer_nav {
    width: 90%;
    margin-left: 0;
  }
  .main_footer .footer_nav li {
    display: block;
    float: left;
    width: 100%;
  }
  .main_footer p {
    float: left;
    width: 90%;
    margin-bottom: 10px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .centred {
    margin: 0 auto -140px;
  }
  .tab_content_area--container {
    width: 96%;
    padding: 0 2%;
  }
  .tab_content_area .participant_search {
    width: 80%;
    margin: 0 10% 50px 10%;
  }
  .tab_content_area .participant_search .input {
    width: 80%;
  }
  .tab_content_area .participant_search .submit {
    width: 25px;
  }
  .tab_content_area .enter_name {
    width: 28%;
  }
  .tab_content_area .enter_email {
    width: 60%;
  }
  .tab_content_area .add_contributors_form .submit {
    float: right;
    margin: 40px 1.5% 50px 0;
  }
  .tab_content_area .standard_text_form .input,
  .tab_content_area .standard_text_form .textarea {
    width: 90%;
    margin-left: 5%;
  }
  .questionnaire .question {
    width: 90%;
    padding: 0 5%;
  }
  .questionnaire .question--wording {
    width: 90%;
  }
  .questionnaire .question--buttons {
    float: left;
    margin: 8px 5%;
    margin-bottom: 25px;
  }
  .questionnaire .question--page_verified {
    width: 90%;
    margin-right: 5%;
    text-align: right;
  }
  .questionnaire .question--continue_button {
    margin-right: 5%;
  }
  .questionnaire .questionnaire--progress_bar {
    margin-bottom: 0px;
  }
  table {
    width: 100%;
  }
  .main_footer {
    height: 75px;
  }
  .main_footer .footer_nav {
    width: 90%;
    margin-left: 0;
  }
  .main_footer p {
    float: left;
    width: 90%;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .participant_search .input {
    width: 70%;
  }
  .participant_search .submit {
    width: 25px;
  }
  table {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .question--line {
    width: 100%;
  }
  .question--line .question--line {
    width: 100%;
    display: block;
    float: left;
  }
  .question--line .question--buttons {
    display: block;
    float: left;
    margin-left: 4%;
  }
}