/* max-width */
@media screen and (max-width: 1024px) {
  #background {
    display: none;
  }
  .half .form-wrapper {
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 500px) {
  #header {
    align-items: center;
  }

  #logo {
    width: 250px;
  }
}

@media screen and (max-width: 768px) {
  .fields-row {
    flex-wrap: wrap;
  }
  .fields-row .form-group {
    width: 100%;
  }
  #profile-form .form-group {
    margin: 16px 0;
  }

  .form-wrapper .signup {
    padding-top: 60px;
  }
}

/* min-width */
@media screen and (min-width: 768px) {
  .fields-row .form-group {
    margin: 10px;
  }

  .profile-section .checkbox {
    max-width: 450px;
  }

  .form-text {
    font-size: 1.3em;
  }

  .autocomplete .easy-autocomplete {
    position: absolute;
  }
}

@media screen and (min-width: 1024px) {
/*   .body-container #header {
    display: flex;
  } */

  .profile-section {
    flex-direction: row;
  }

  #profile-form .fields-row {
    flex-direction: row;
  }

  .container.half {
    overflow: auto;
  }

  .form-wrapper {
    margin-top: auto;
  }

  .half #header {
    width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .body-container {
    max-width: 1280px;
    padding: 0 15px;
  }
}

@media screen and (min-height: 860px) {
 /*  #login_container {
    display: flex;
  } */
}

@media screen and (max-height: 860px) {
  .form-wrapper:is(.check-email, .user-type, .forgot-password) {
    margin-top: 15vh;
  }
}