.container {
    align-content: flex-start;
    padding-top: 20px;
    text-align: center;
}


@media screen and (min-width: 320px) {
    .page-title {
        font-size: calc(20px + 30 * ((100vw - 320px) / 680));
    }
}


@media screen and (min-width: 1000px) {
    .page-title {
      font-size: 50px;
    }
}

  .commission-form {
    display: block;
    margin:auto;
    width: 40%;
    min-width: 275px;
    text-align: center;
    background-color: #FBFBFB;
    padding: 20px;
    border: 1.75px solid #4b3f3f;
    border-radius:10px;
  }

  .commission-form h2 {
    color: #5e504f; /* matches your site text color */
    margin-bottom: 15px;
  }

  .commission-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #5e504f;
  }

  .commission-form textarea {
    width: 100%;
    height: 120px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #a3b18a; /* soft border color */
    margin-bottom: 15px;
    font-family: inherit;
    font-size: 1rem;
    resize: vertical;
  }

  .commission-form button {
    background-color: #ffd700; /* soft yellow like the Add to Cart button */
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
    color: #5e504f;
    transition: background 0.3s;
  }

  .commission-form button:hover {
    background-color: #e6c061;
  }

  .confirmation-message {
    color: #4caf50;
    font-weight: bold;
    margin-top: 10px;
    display: none;
  }

  #formEmail{
    height: 45px;
  }