@media (max-width: 940px) {
  .form-signup {
    position: fixed;
    top: 5%;
    left: 30%;
    width: 300px;
    margin: auto;
    border: 4px solid rgb(92, 34, 0);
    padding: 20px;
    border-radius: 5px;
    margin-top: 10%;
    background-color: white;
    z-index: 2;
  }
}

@media (max-width: 770px) {
  .form-signup {
    position: fixed;
    top: 5%;
    left: 25%;
    width: 300px;
    margin: auto;
    border: 4px solid rgb(92, 34, 0);
    padding: 20px;
    border-radius: 5px;
    margin-top: 10%;
    background-color: white;
    z-index: 2;
  }
}

@media (max-width: 620px) {
  .form-signup {
    position: fixed;
    top: 5%;
    left: 20%;
    width: 300px;
    margin: auto;
    border: 4px solid rgb(92, 34, 0);
    padding: 20px;
    border-radius: 5px;
    margin-top: 10%;
    background-color: white;
    z-index: 2;
  }
}

@media (max-width: 530px) {
  .form-signup {
    position: fixed;
    top: 5%;
    left: 15%;
    width: 300px;
    margin: auto;
    border: 4px solid rgb(92, 34, 0);
    padding: 20px;
    border-radius: 5px;
    margin-top: 10%;
    background-color: white;
    z-index: 2;
  }
}

@media (max-width: 460px) {
  .form-signup {
    position: fixed;
    top: 5%;
    left: 10%;
    width: 300px;
    margin: auto;
    border: 4px solid rgb(92, 34, 0);
    padding: 20px;
    border-radius: 5px;
    margin-top: 10%;
    background-color: white;
    z-index: 2;
  }
}

@media (max-width: 410px) {
  .form-signup {
    position: fixed;
    top: 5%;
    left: 5%;
    width: 300px;
    margin: auto;
    border: 4px solid rgb(92, 34, 0);
    padding: 20px;
    border-radius: 5px;
    margin-top: 10%;
    background-color: white;
    z-index: 2;
  }
}

@media (max-width: 385px) {
  .form-signup {
    position: fixed;
    top: 5%;
    left: 5%;
    width: 280px;
    margin: auto;
    border: 4px solid rgb(92, 34, 0);
    padding: 20px;
    border-radius: 5px;
    margin-top: 10%;
    background-color: white;
    z-index: 2;
  }
}