body {
  font-size: 14px;
  font-family: 'arial'
}

.chart-container {
  height: 264px;
  width: 400px;
}

.chart-container canvas {
  height: 270px !important;
  width: 300px !important;
}

.charts-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.chart-container h2 {
  font-size: 12px;
  margin-left: 16px;
  margin-bottom: -33px;
}

@media screen and (max-width: 600px) {
  .charts-grid-container {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
  }

  h2 {
    text-align: left;
    margin-left: 1rem
  }

  .chart-container canvas {
    margin: auto;
    height: 320px !important;
  }

  .chart-container {
    margin-bottom: 10px;
    height: max-content;
  }
}