.dtx-contact {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dtx-contact__left {
  width: calc(var(--column-fluid) * 5);
  margin-top: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 4.25);
}
.dtx-contact__right {
  width: calc(var(--column-fluid) * 4.5);
}
.dtx-contact__right .dtx-lazy {
  --ratio: 134%;
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: var(--ratio);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.dtx-contact h1 {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 3);
  font-size: max(3rem, min(calc(0.0277777778 * (100vw - 74.4rem) + 3rem), 5.4rem));
  line-height: 1.07;
  text-transform: uppercase;
}
.dtx-contact p {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 4.75);
}
.dtx-contact__openingsuren {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 5);
}
.dtx-contact__openingsuren h3 {
  grid-column: 1/span 2;
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 3.25);
  font-size: max(2rem, min(calc(0.0046296296 * (100vw - 74.4rem) + 2rem), 2.4rem));
  line-height: 0.9;
  font-weight: 700;
  color: #009EE2;
  text-transform: uppercase;
}
.dtx-contact__openingsuren__item h4 {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 1.25);
  font-size: max(1.6rem, min(calc(0.0023148148 * (100vw - 74.4rem) + 1.6rem), 1.8rem));
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.dtx-contact__openingsuren__item p {
  margin-bottom: 0;
  font-size: max(1.8rem, min(calc(0.0023148148 * (100vw - 74.4rem) + 1.8rem), 2rem));
  line-height: 2;
}
.dtx-contact__openingsuren:last-of-type {
  margin-bottom: 0;
}

.dtx-contact-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dtx-contact-form__left {
  width: calc(var(--column-fluid) * 3);
}
.dtx-contact-form__left h2 {
  font-size: max(2rem, min(calc(0.0046296296 * (100vw - 74.4rem) + 2rem), 2.4rem));
  line-height: 0.9;
  text-transform: uppercase;
}
.dtx-contact-form__right {
  width: calc(var(--column-fluid) * 7.5);
}

@media only screen and (max-width: 1440px) {
  .dtx-contact__left {
    width: calc(var(--column-fluid) * 6);
  }
}
@media only screen and (max-width: 984px) {
  #contact {
    margin-top: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 3);
  }
  .dtx-contact {
    flex-direction: column-reverse;
  }
  .dtx-contact__left {
    width: 100%;
    margin-top: 0;
  }
  .dtx-contact__right {
    width: calc(var(--column-fluid) * 6);
    margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 4);
  }
  .dtx-contact-form {
    flex-direction: column;
  }
  .dtx-contact-form__left {
    width: 100%;
  }
  .dtx-contact-form__right {
    width: 100%;
  }
}
@media only screen and (max-width: 744px) {
  .dtx-contact__right {
    width: 100%;
    margin-bottom: var(--container-padding);
  }
  .dtx-contact__openingsuren {
    grid-template-columns: 1fr;
  }
  .dtx-contact__openingsuren h3 {
    grid-column: 1;
  }
  .dtx-contact__openingsuren__item:first-of-type {
    margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 2);
  }
  .dtx-contact-form {
    flex-direction: column;
  }
  .dtx-contact-form__left {
    width: 100%;
    margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 2);
  }
  .dtx-contact-form__right {
    width: 100%;
  }
}