html, body {
  margin: 0;
  padding: 0;
  background: #eef5fb;
  font-family: Arial, Helvetica, sans-serif;
}

.page-wrap {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 20px 60px rgba(12, 45, 80, 0.18);
}

.site-art {
  display: block;
  width: 100%;
  height: auto;
}

.hotspot {
  position: absolute;
  display: block;
  z-index: 10;
  text-decoration: none;
  cursor: pointer;
}

/* Coordinates are percentage-based so they scale with the mock-up image. */
.top-contact {
  left: 85.1%;
  top: 3.7%;
  width: 11.7%;
  height: 3.5%;
}

.mid-contact {
  left: 67.1%;
  top: 82.9%;
  width: 21.0%;
  height: 2.25%;
}

.email-contact {
  left: 70.0%;
  top: 85.8%;
  width: 16.0%;
  height: 1.7%;
}

@media (max-width: 700px) {
  .page-wrap {
    box-shadow: none;
  }
}