Form contact uneditable in Agency theme

@Mathieu, Did some research...

When the contact form changes into 2 columns (>= 992), the column is 'float'-ed to the left. Somehow, it seems as if the <input> is positioned behind/below a parent element because of that. Moving the input 'up' resolved it.

See if it helps if you add the following to the css:

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    z-index: 1;
  }
}

Why does the problem disappear at min-width: 1200? I don't know...

By the way, the theme uses Bootstrap v3.x which is an old version. Bootstrap v4.x uses flexbox and will probably not have the issue.