@import "main/style/defaults";

@include media-breakpoint-down(sm) {
  .Heatmap {
    margin: $spacer ($spacer * .5);
  }
}

@include media-breakpoint-only(sm) {
  .Heatmap {
    margin: $spacer * 1;
  }
}

@include media-breakpoint-only(md) {
  .Heatmap {
    margin: $spacer * 2;
  }
}

@include media-breakpoint-up(lg) {
  .Heatmap {
    margin: ($spacer * 2.5) auto;
    max-width: 50rem;
  }
}

Use responsive layout for the heatmap section
Use responsive layout for the heatmap section
