html, body {
  margin: 0;
  padding: 0;
}

.hero{
  min-height:150vh; /* makes it scrollable */
  width:100%;
  background:
#000
url("background.jpg") center top / contain no-repeat;
  position:relative;
}


/* CLICKABLE HITBOXES */
.hitbox{
  position:absolute;
  cursor:pointer;
  z-index:5;
}

/* CALL NOW box */
.call-now{
  width:200px;
  height:68px;
  left:50%;
  transform:translateX(-110%);
  top:42%;
}

/* TEXT ME box */
.text-me{
  width:200px;
  height:68px;
  left:50%;
  transform:translateX(10%);
  top:42%;
}


/* TOP BUTTON HITBOXES */

.top-call{
  width:120px;
  height:70px;
  left:52%;
  top:1%;
}

.top-text{
  width:120px;
  height:70px;
  left:63%;
  top:1%;
}


/* SERVICES SECTION BASE */

.services{
  min-height:100vh;
  background:#0b0b0b;
  padding:80px 10%;
}