.hero {
  position: relative;
  width: 100vw;
}
.hero .bg {
  width: 100%;
  height: auto;
}



#in img { width: 1.5vw; }
#fb img { width: 1.1vw; }
#st img { width: 1.5vw; }
#tw img { width: 1.5vw; }
#yt img { width: 4.4vw; }
#pi img { width: 1.6vw; }
#po img { width: 4.5vw; }
#em img { width: 21.2vw; }
#wa img { width: 15.7vw; }


#in { top: 65.8%; left: 53.1%; }
#fb { top: 65.8%; left: 55.1%; }
#st { top: 65.8%; left: 57.2%; }
#tw { top: 65.8%; left: 59.4%; }
#yt { top: 65.67%; left: 62.9%; }
#pi { top: 65.8%; left: 66.5%; }
#po { top: 65.75%; left: 70%; }
#em { top: 52%; left: 27.25%; }
#wa { top: 62.2%; left: 60.1%; }


.icon {
  position: absolute;
  transform: translate(-50%, -50%);
}