*{
  box-sizing:border-box;
}

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

.page{
  position:relative;
  width:100%;
  max-width:1536px;
  margin:0 auto;
  background:#f2f2f2;
  overflow:hidden;
}

.homepage{
  width:100%;
  height:auto;
  display:block;
}

.hotspot{
  position:absolute;
  display:block;
  z-index:5;
}

/* Top green quote button */
.quote{
  top:7.1%;
  right:3.3%;
  width:12.2%;
  height:4.7%;
}

/* Hero WhatsApp button */
.whatsapp-top{
  top:51.1%;
  left:5.9%;
  width:13.0%;
  height:4.4%;
}

/* Browse products button */
.browse{
  top:51.1%;
  left:20.0%;
  width:13.8%;
  height:4.4%;
}

/* Floating WhatsApp button */
.floating{
  right:3.1%;
  bottom:3.4%;
  width:4.2%;
  height:6.1%;
  border-radius:50%;
}

@media(max-width:900px){
  .page{
    width:1536px;
    max-width:none;
    transform:scale(calc(100vw / 1536));
    transform-origin:top left;
  }

  body{
    overflow-x:hidden;
  }

  html{
    background:#f2f2f2;
  }
}