form.contact input {
  width: 94%;
  margin-bottom: 2em;
  border: 1px solid #aaa;
}
form.contact select {
  width: 100%;
  height: 3.3em;
  padding: 0 0 0 1em;
  border: 1px solid #aaa;
}
form.contact textarea {
  width: 94%;
  padding: 1em 0 0 1em;
  height: 17.7em;
  border: 1px solid #aaa;
}
.info,
.bericht {
  margin-top: 1em;
}
.info {
  width: 48%;
  display: inline-block;
  float: left;
}
.bericht {
  width: 48%;
  float: right;
}
.bericht textarea {
  width: 94%;
  padding: 1em 0 0 1em;
  height: 17.7em;
}
.online,
.offline {
  width: 48%;
  display: inline-block;
  margin-top: 4em;
  margin-bottom: 4.5em;
}
.online,
.address {
  float: left;
}
.offline,
.offlinecontact {
  float: right;
}
.addressicons {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1em;
}
.address,
.offlinecontact {
  width: 43%;
  display: inline-block;
}
.address object,
.offlinecontact object {
  width: 30px;
  height: 30px;
  display: inline-block;
}
object.faxobject {
  margin-top: 9px;
}
object.place {
  width: 50px;
  height: 50px;
}
span.number {
  display: inline-block;
  margin-left: 0.8em;
  vertical-align: 65%;
}
span.addresscontact {
  display: inline-block;
  vertical-align: -210%;
}
span.addresscontact p {
  line-height: 29px;
}
/* Gravity Forms */
.validation_error,
.gfield_error .validation_message,
.gforms_confirmation_message {
  margin-bottom: 10px;
  background-color: #f2dede;
  color: #a94442;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #ebccd1;
  border-radius: 4px;
}
.gforms_confirmation_message {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
form.contact .gfield_error input,
form.contact .gfield_error textarea {
  margin-bottom: 0;
  box-sizing: border-box;
  width: 100%;
}
form.contact .gfield_error .validation_message {
  border-radius: 0 0 4px 4px;
  border-top: 0;
}
.contact_wrapper form {
  display: inline-block;
  width: 100%;
}
.contact_wrapper ul li {
  width: 48%;
  display: inline-block;
}
.contact_wrapper ul li.left {
  float: left;
}
.contact_wrapper ul li.right {
  float: right;
}
.contact_wrapper ul li.gform_validation_container {
  display: none;
}
.contact_wrapper .gform_button {
  margin-top: 30px;
  width: auto;
  float: left;
  margin-bottom: 0;
  border: none;
}
/* tussendoor queries */
@media (min-width: 1070px) and (max-width: 1200px) {
  .address,
  .offlinecontact {
    width: 48%;
  }
}
@media (min-width: 480px) and (max-width: 1070px) {
  .address,
  .offlinecontact {
    width: 46%;
  }
  .address object,
  .offlinecontact object {
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
  }
}
/* tablet queries */
@media (min-width: 480px) and (max-width: 850px) {
  form.contact input {
    width: 86%;
    margin-bottom: 2em;
  }
  form.contact select {
    width: 95%;
    height: 3.3em;
    padding: 0 0 0 1em;
  }
  form.contact textarea {
    width: 90%;
    padding: 1em 0 0 1em;
    height: 17.7em;
  }
  .online object,
  .offline object {
    display: block;
    margin: 0 auto;
    margin-bottom: 0.8em;
  }
}
/* phone queries */
@media (max-width: 480px) {
  .info {
    width: 100%;
    display: inline-block;
  }
  .contact {
    width: 100%;
    margin: 2em 0 2em 0;
  }
  .contact textarea {
    width: 98%;
    padding: 1em 0 0 1em;
    height: 17.7em;
  }
  .online,
  .offline {
    width: 100%;
    margin-top: 0;
    margin-bottom: 2.5em;
  }
  .address,
  .offlinecontact {
    width: 100%;
    display: inline-block;
    min-height: 10px;
  }
  .offlinecontact {
    margin-top: 1.5em;
  }
}