h2 {
  margin: 0;
}

.headercontact {
  z-index: 2;
  position: relative;
  padding: 5em 0;
  text-align:center;
}

p.whiteText--featureHeading {
  padding-bottom: 0.5em;
}

.contact-section {
  display: flex;
  background-color: white;
  color: black;
  padding: 2em 10em;
}

.contact-header {
  display: flex;
  /*justify-content: center;*/
  flex-grow: 1;
}

.contact-form form {
  display: flex;
  flex-direction: column;
}

.contact-form input, .contact-form textarea {
  font-family: 'Roboto', Arial, sans-serif;
  margin-bottom: 10px;
  padding: 1.5em;
  border: 1px solid #707070;
  border-radius: 0.5em;
  font-weight: bold;
}

.contact-form button {
  background-color: #BEFB6C;
  border: 1px solid #befb6c;
  color: black;
  padding: 1.2em 5em;
  cursor: pointer;
  transition: background-color 0.6s ease;
}

.contact-form button:hover {
    color: black;
    background: white;
    border: 1px solid black;
}

.name-fields input {
  flex-grow: 1;
}

.contact-section {
  display: flex;
  width: 80%;
}

.contact-form {
  flex-grow: 1;
  max-width: 600px;
}

.contact-form .name-fields {
  display: flex;
  flex-direction: row; 
  gap: 1em;
}

.contact-form .message-box {
  padding: 1.5em 1.5em 8em 1.5em;
}

.module:not(.module--cta-bubble) { padding: 0; }
.module--cta-bubble { padding: 4em 10%; }

.module--contact-form-2 {
  display: none;
}

.contact-header__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 6em;
}

.contact-header__inner h2 {
  font-weight: normal;
  margin-bottom: 1em;
}

.contact-header__inner p {
  margin: 0;
  margin-bottom: 0.5em;
}

.contact-form-v2__layout {
  display: none;
}