.ctc-intro {
  display:flex;
  flex-direction: column;
  order: 2;
}

.ctc-form {
  order: 1;
}

.ctc-map {
  order:3;
}


.contact-header-img {
  width: 100%;
  overflow: hidden;
}

.contact-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-container section {
  
  max-width: 92vw;
  margin: 0 auto;
}

.contact-container section p {
  margin-top: 1em;
}

.contact-container a {
  color: #8c8218;
  text-decoration: underline;
}
.ctc-form-title {
  color: #5e530e;
  text-align: center;
}


/* .wpcf7-submits styles start */
.wpcf7 {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}

.wpcf7 input,
.wpcf7 textarea {
  width: 500px;
  max-width: 80vw;
}

.wpcf7-submit {
  display: inline-block;
  border: none;
  padding: 1rem 2rem;
  margin: 0;
  width: 8em !important;
  text-decoration: none;
  background-color: #8c8218;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  transition: background-color 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-top: 1rem;
  padding-right: 0;
  padding-bottom: 1rem;
  padding-left: 0;
  font-family: "Montserrat";
  text-transform: uppercase;
}

.wpcf7-submit:hover,
.wpcf7-submit:focus {
  background-color: #8c8218;
  
}

.wpcf7-submit:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}

.wpcf7-submit:active {
  transform: scale(0.99);
}

#map {
  margin-top: 1em;
}

.contact_own_img {
  max-width: 80vw;
  width: 500px;
  justify-self: center;
}

.contact-credit {
  font-style: italic;
  font-size: 0.67em;  
}

@media only screen and (min-width: 800px) {
  .ctc-intro {
    flex-direction: row;
    gap: 50px;
    order:1;
  }

  .ctc-form-title {
    order: 2;
  }

  .ctc-form {
    order: 3;
  }

  .ctc-map {
    order: 4;
  }

  .contact-header-img {
    margin-top: 3em;
    height: 70vh;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
  }
}

/*
.input {
  position: relative;
  
  &__label {
    position: absolute;
    left: 0;
    top: 0;
    padding: calc(var(--size-bezel) * 0.75) calc(var(--size-bezel) * .5);
    margin: calc(var(--size-bezel) * 0.75 + 3px) calc(var(--size-bezel) * .5);
    background: pink;
    white-space: nowrap;
    transform: translate(0, 0);
    transform-origin: 0 0;
    background: var(--color-background);
    transition: transform 120ms ease-in;
    font-weight: bold;
    line-height: 1.2;
  }
  &__field {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 3px solid currentColor;
    padding: calc(var(--size-bezel) * 1.5) var(--size-bezel);
    color: currentColor;
    background: transparent;
    border-radius: var(--size-radius);
    
    &:focus,
    &:not(:placeholder-shown) {
      & + .input__label {
        transform: translate(.25rem, -65%) scale(.8);
        color: var(--color-accent);
      }
    }
  }
}

*/