html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #f2ebe3;
  color: #3f3438;
  font-family: Arial, Helvetica, sans-serif;
}

.page-shell {
  position: relative;
  width: 100%;
  max-width: 4000px;
  margin: 0 auto;
  line-height: 0;
  background: #f2ebe3;
}

.page-visual {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}

.hit-layer,
.semantic-content {
  line-height: normal;
}

.hit-layer {
  position: absolute;
  inset: 0;
}

.section-anchor {
  position: absolute;
  left: 0;
  width: 1px;
  height: 1px;
}

#home {
  top: 0;
}

#services {
  top: 30.22%;
}

#areas-we-serve {
  top: 58.6%;
}

#contact {
  top: 83.6%;
}

.hotspot,
.form-overlay button {
  position: absolute;
  display: block;
  overflow: hidden;
  color: transparent;
  text-indent: -9999px;
  white-space: nowrap;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}

.hotspot:focus-visible,
.form-overlay input:focus-visible,
.form-overlay textarea:focus-visible,
.form-overlay button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.35);
  outline-offset: 2px;
}

.logo-link {
  left: 8.5%;
  top: 0.25%;
  width: 29%;
  height: 2.2%;
}

.nav-home {
  left: 58.1%;
  top: 1.22%;
  width: 5.5%;
  height: 0.65%;
}

.nav-services {
  left: 64.8%;
  top: 1.22%;
  width: 6.6%;
  height: 0.65%;
}

.nav-areas {
  left: 72.6%;
  top: 1.22%;
  width: 11.5%;
  height: 0.65%;
}

.nav-contact {
  left: 86.2%;
  top: 1.22%;
  width: 6.9%;
  height: 0.65%;
}

.button-find {
  left: 8.75%;
  top: 20.25%;
  width: 12.35%;
  height: 1%;
}

.button-connect {
  left: 58.55%;
  top: 63.55%;
  width: 13.6%;
  height: 0.95%;
}

.button-touch {
  left: 43.4%;
  top: 80.45%;
  width: 13.4%;
  height: 0.95%;
}

.contact-phone {
  left: 8.75%;
  top: 88.45%;
  width: 20%;
  height: 0.9%;
}

.contact-email {
  left: 8.75%;
  top: 90%;
  width: 25%;
  height: 0.9%;
}

.contact-address {
  left: 8.75%;
  top: 91.55%;
  width: 31%;
  height: 0.9%;
}

.contact-facebook {
  left: 8.75%;
  top: 93.1%;
  width: 4.2%;
  height: 0.8%;
}

.footer-design {
  left: 76.5%;
  top: 97.6%;
  width: 15%;
  height: 0.45%;
}

.form-overlay {
  position: absolute;
  left: 61.85%;
  top: 86.1%;
  width: 26.4%;
  height: 7.8%;
  line-height: normal;
}

.form-overlay input,
.form-overlay textarea {
  position: absolute;
  box-sizing: border-box;
  padding: 0.15vw 0.35vw;
  background: transparent;
  border: 0;
  color: #111;
  font: 400 clamp(8px, 0.62vw, 20px) Arial, Helvetica, sans-serif;
  resize: none;
}

.field-name {
  left: 0;
  top: 12.2%;
  width: 43.5%;
  height: 8.4%;
}

.field-phone {
  left: 56%;
  top: 12.2%;
  width: 43.5%;
  height: 8.4%;
}

.field-email {
  left: 0;
  top: 38.2%;
  width: 100%;
  height: 8.5%;
}

.field-message {
  left: 0;
  top: 66.8%;
  width: 100%;
  height: 15.8%;
}

.submit-button {
  left: 0;
  top: 91.2%;
  width: 31%;
  height: 9%;
}

.semantic-content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .form-overlay input,
  .form-overlay textarea {
    font-size: 8px;
  }
}