html, body {
  margin: 0;
  padding: 0;
  background: #f6efe6;
}
body { min-width: 320px; }
.homepage {
  position: relative;
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  line-height: 0;
  overflow: hidden;
}
.homepage-image {
  display: block;
  width: 100%;
  height: auto;
}
.hotspots {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.hotspots a {
  position: absolute;
  display: block;
  pointer-events: auto;
  border-radius: 8px;
}
.hotspots a:focus-visible {
  outline: 3px solid rgba(67,38,15,.8);
  outline-offset: 4px;
}

/* Hotspots mapped to the approved compact design. */
.nav-food{left:42.1%;top:3.1%;width:10.5%;height:3.0%}
.nav-explore{left:54.2%;top:3.1%;width:7.4%;height:3.0%}
.nav-towns{left:63.1%;top:3.1%;width:13.1%;height:3.0%}
.nav-about{left:78.0%;top:3.1%;width:6.1%;height:3.0%}
.nav-contact{left:85.5%;top:3.1%;width:7.2%;height:3.0%}
.start-exploring{left:27.0%;top:43.4%;width:20.1%;height:5.4%}
.see-loving{left:49.2%;top:43.4%;width:25.0%;height:5.4%}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}