#mail-form {
    /* max-width: 600px; Limit width on desktop */
    margin: 20px 5vw; /* Center form on desktop, add vertical margin */
    padding: 10px; /* Inner spacing */
}

/* Ensure all form elements inherit font and include padding/border in width */
#mail-form input, textarea {
    font-family: inherit;
    font-size: 1rem; /* Base font size */
    box-sizing: border-box;
    width: 100%; /* Full width within the form container */
    padding: 10px; /* Ample inner spacing */
    margin-bottom: 15px; /* Space between fields */
    border: 1px solid #595858;
    border-radius: 4px;
}

#mail-form label {
    display: block; /* Place labels above inputs */
    margin-bottom: 5px; /* Small space between label and input */
    font-weight: bold;
}

.map-container {
    width: 90%;
    height: auto;
    margin: 0 5vw;
    padding-bottom: 30px;
  }

  .map-image {
    max-width: 100%;
    height: auto;
  }

  @media (min-width: 768px) {
    #mail-form {
        margin: 20px 13vw;
    }

    .map-container {
        width: 80%;
        margin: 0 10vw;
    }
  }

  @media (min-width: 875px) {
   #mail-form {
        margin: 20px 18vw;
    }

    .map-container {
        width: 63%;
        margin: 0 15vw;
    }
  }