/* general styling */

.checkText {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  bottom: 7px; left: 0;
}


/* mobile responsive */
@media screen and (max-width: 768px) {
  
  #content {
    margin-top: 120px;
  }
  
  .formCaption img {
    margin-left: 0;
  }
  
  .formCaption h1 {
    bottom: 0; left: 0;
    height: auto;
    margin-bottom: 0;
    width: auto;
  }
  
  .formCaption p {
    width: 94%;
    margin: 3%;
  }
  
  input[type=checkbox] {
    margin-left: 7px;
    display: inline-block;
  }
  
  
  #submitButton {
    width: 93%;
    margin: 14px;
  }

  .check-group {
    text-align: left;
  }

  .agreeCheckBox {
    width: calc(100% - 50px);
  }
  
}
@media screen and (max-width: 425px) {
  
  #allfields {
    margin-left: 0;
  }
  #signup_form {
    width: 100%;
    padding-right: 0;
    padding-left: 14px;
  }
  
  form label {
    text-align: left;
  }
  .formSec {
    width: 100%;
  }
  .formSec2 {
    width: 100%;
    margin-left: 0px;
  }
  input[type="password"], input[type="email"], input[type="number"], select {
    width: 94%;
    margin: 0;
  }
  #user_password, #user_password_2 {
    width: 95%;
  }
  .checkText {
    width: 350px;
  }
}

@media screen and (max-width: 375px) {
  h1, h2, h3, h4, h5, h6, input {
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  input[type=checkbox] {
    display: inherit;
  }
  .checkText {
    bottom: 20px;
    left: 30px;
    width: auto;
  }
  
}