h2 {
      font-size: 2em;
      margin-bottom: 0.5em;
      color: #644400;
    }
    /* Container for both columns */
    .contact-container {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      max-width: 1200px;
      margin: 0 auto;
    }
    /* Contact info column */
    .contact-info, 
    /* Form column */
    .contact-form {
      margin: 20px;
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      flex: 1 1 45%;   /* roughly two columns */
      min-width: 300px;
    }
    /* Contact info text styles */
    .contact-info p {
      margin-bottom: 1em;
    }
    .contact-info a {
      color: #644400;
      text-decoration: none;
    }
    .contact-info a:hover {
      text-decoration: underline;
    }
    /* Map iframe container */
    .map-container {
      margin-top: 1em;
    }
    /* Form styles */
    .contact-form form {
      display: flex;
      flex-direction: column;
    }
    .contact-form label {
      margin: 12px 0 4px;
      font-weight: bold;
    }
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form textarea {
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 4px;
      transition: border-color 0.3s, box-shadow 0.3s;
      width: 100%;
    }
    .contact-form textarea {
      resize: vertical;
      min-height: 120px;
    }
    /* Focus effect on inputs */
    .contact-form input:focus,
    .contact-form textarea:focus {
      outline: none;
      border-color: #51cbee;
      box-shadow: 0 0 5px rgba(81, 203, 238, 0.5);
    }
    /* Submit button */
    .contact-form button {
      margin-top: 20px;
      padding: 12px 20px;
      border: none;
      border-radius: 4px;
      background-color: #644400;
      color: #fff;
      font-size: 1em;
      cursor: pointer;
      transition: background-color 0.3s, transform 0.2s;
    }
    .contact-form button:hover {
      background-color: #4d3400;
      transform: translateY(-2px);
    }
    .contact-form button:focus {
      outline: none;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    /* Placeholder for feedback message */
    #msg {
      margin-top: 15px;
      font-size: 1em;
      color: green;
    }
    /* Fade-in animations (hidden to visible) */
    .fade-in {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }
    /* Responsive stack */
    @media (max-width: 768px) {
      .contact-container {
        flex-direction: column;
      }
      .contact-info, .contact-form {
        flex: 1 1 100%;
      }
    }