#loginLinkNoLogin {
    display:none;
}
#headerLogInBtn {
    display: none;
}
#headerSignUpBtn {
    display: none;
}
#signup-input-left {
    width: 250px;
    margin-right: 5px;
    font-size: 14px;
    background: #D9E6F0;
    border: solid 1px #AB0000;
    padding: 5px;
    border-radius: 10px;
}
#signup-input-left:hover {
    background: #F0DAD9;
    border: solid 1px #0000AB;
}
#signup-input-right {
    width: 250px;
    font-size: 14px;
    background: #D9E6F0;
    border: solid 1px #AB0000;
    padding: 5px;
    border-radius: 10px;
}
#signup-input-right:hover {
    background: #F0DAD9;
    border: solid 1px #0000AB;
}
#signup-input-long {
    width: 505px;
    font-size: 14px;
    background: #D9E6F0;
    border: solid 1px #AB0000;
    padding: 5px;
    border-radius: 10px;
}
#signup-input-long:hover {
    background: #F0DAD9;
    border: solid 1px #0000AB;
}
#signup-form-input {
    text-align: center;
    font-family: sans-serif;
    margin: 0 auto;
    width: 70%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #888888;
}
#sign_up_here {
    font-size: 35px;
    color: #002060;
    font-weight: bold;
}
#signup-form-submit {
    text-align: center;
    font-family: sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #fff;
    padding: 20px;
}
#error-handling {
    background: #0000ab;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
}
#why_we_ask_link {
    font-size: 12px;
}
#why_we_ask {
    color: #0000ab;
    text-align: center;
    padding: 20px;
}
#question_mark {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-left: 10px;
}
.sb {
    background: blue;
    border: solid 1px blue;
}
#so_easy {
    font-size: 20px;
    color: #696969;
}
#show-agreement {
    width: 50%;
    margin: 0 auto;
    text-align: left;
}
#headerLogInMobileBtn {
    display: none;
}
#headerSignUpMobileBtn {
    display: none;
}
#headerEmail {display: none;}
#headerPassword {display: none;}
/* iPhone */
  @media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      body{background-color: #D2D2FA;}
      #why_we_ask {font-size: 20px;}
      #signup-form-input{width: 99%; height: auto;}
      #so_easy {color: #0000ab;}
      #signup-input-left{width: 45%; height: 50px; font-size: 20px;}
      #signup-input-right{width: 45%; height: 50px; font-size: 20px;}
      #signup-input-long{width: 90%; height: 50px; font-size: 20px;}
      #signupbtn{margin-top: 20px; padding: 20px;}
      #sign_up_here{color: #0000ab;}
      #why_we_ask_link{font-size: 16px; color: #0000ab;}
      #question_mark{width: 30px; height: 30px; margin-left: 20px;}
      #value_label{font-size: 20px; color: #0000ab;}
      #error-handling{font-size: 20px;}
      #signup-form-submit{width: 90%; margin-top: 100px;}
      #show-agreement{width: 75%; font-size: 20px;}
      input[type="checkbox"] {
        width: 40px;
        height: 40px;
        vertical-align: middle;
      }
  }