.wrap {
  position: relative;
  width: 100%;
  height: 100%;
  /* calculate height of the screen minus the heading */
}

.map {
  position: absolute;
  color: black;
  border: solid 1px lightgray;
  border-radius: 0.75rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* this fixes the overflow:hidden for canvas - corresponds to 1 black pixel */
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}