*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:Arial,Helvetica,sans-serif}
.page{position:relative;width:100%;max-width:1214px;margin:0 auto;line-height:0}
.design{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;background:transparent;z-index:5}
.hotspot:hover{cursor:pointer}
.home{left:34.2%;top:1.0%;width:4.2%;height:3.5%}
.about{left:39.0%;top:1.0%;width:5.5%;height:3.5%}
.coverage{left:45.0%;top:1.0%;width:7.0%;height:3.5%}
.quote{left:54.0%;top:1.0%;width:7.0%;height:3.5%}
.contact{left:63.0%;top:1.0%;width:6.0%;height:3.5%}
.phone{right:5.5%;top:.7%;width:14%;height:4.2%}
.home-card{left:4%;top:37.0%;width:22%;height:20%}
.auto-card{left:27%;top:37.0%;width:22%;height:20%}
.rec-card{left:50%;top:37.0%;width:22%;height:20%}
.business-card{left:73%;top:37.0%;width:22%;height:20%}
.quote-form{left:49%;top:76%;width:39%;height:13%}
.anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
#top{top:0}
#about{top:31%}
#coverage{top:36%}
#quote{top:75%}
#contact{top:89%}

@media(max-width:700px){
  .page{max-width:none}
  .home-card,.auto-card,.rec-card,.business-card{height:19%}
}