.dtx-hero {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.dtx-hero > * {
  --column-fluid: calc(100% / 9);
}
.dtx-hero {
  padding-left: calc(var(--column-fluid) * 1);
  padding-right: calc(var(--column-fluid) * 2);
}
@media only screen and (max-width: 1440px) {
  .dtx-hero > * {
    --column-fluid: calc(100% / 11);
  }
  .dtx-hero {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 1);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-hero > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-hero {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-hero > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-hero {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
.dtx-hero h1 {
  width: calc(var(--column-fluid) * 6);
  margin-bottom: 0;
}
.dtx-hero-mark {
  width: calc(var(--column-fluid) * 2);
}

.dtx-contact {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dtx-contact > * {
  --column-fluid: calc(100% / 7);
}
.dtx-contact {
  padding-left: calc(var(--column-fluid) * 1);
  padding-right: calc(var(--column-fluid) * 4);
}
@media only screen and (max-width: 1440px) {
  .dtx-contact > * {
    --column-fluid: calc(100% / 9);
  }
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 3);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-contact > * {
    --column-fluid: calc(100% / 11);
  }
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 1);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-contact > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
.dtx-contact-item {
  width: calc(var(--column-fluid) * 3);
}
.dtx-contact-item h2 {
  font-weight: 800;
}
.dtx-contact-item address {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 1);
  color: #ffffff;
}
.dtx-contact-item address p {
  margin-bottom: 0;
  font-style: normal;
}
.dtx-contact-item__info {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 1);
  color: #ffffff;
}
.dtx-contact-item__info p {
  margin-bottom: 0;
}
.dtx-contact-item a {
  display: block;
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
}
.dtx-contact-item a:hover {
  color: #FE0000;
}

@media only screen and (max-width: 1440px) {
  .dtx-hero {
    padding-left: calc(var(--column-fluid) * 1);
    padding-right: calc(var(--column-fluid) * 1);
  }
  .dtx-hero > * {
    --column-fluid: calc(100% / 10);
  }
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 1);
    padding-right: calc(var(--column-fluid) * 3);
  }
  .dtx-contact > * {
    --column-fluid: calc(100% / 8);
  }
  .dtx-contact-item {
    width: calc(var(--column-fluid) * 3.5);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-hero h1 {
    width: calc(var(--column-fluid) * 7);
  }
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 1);
    padding-right: calc(var(--column-fluid) * 2);
  }
  .dtx-contact > * {
    --column-fluid: calc(100% / 9);
  }
  .dtx-contact-item {
    width: calc(var(--column-fluid) * 4);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 1);
    padding-right: calc(var(--column-fluid) * 1);
  }
  .dtx-contact > * {
    --column-fluid: calc(100% / 10);
  }
  .dtx-contact-item {
    width: calc(var(--column-fluid) * 4.5);
  }
}
@media only screen and (max-width: 744px) {
  .dtx-hero {
    padding: 0;
  }
  .dtx-hero > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-hero h1 {
    width: calc(var(--column-fluid) * 9.5);
  }
  .dtx-contact {
    padding: 0;
    flex-direction: column;
  }
  .dtx-contact-item {
    width: 100%;
    margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 5.25);
  }
  .dtx-contact-item:last-of-type {
    margin-bottom: 0;
  }
  .dtx-contact-item h2 {
    margin-bottom: calc(calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 5.25) / 2);
  }
}