.ct-chart .ct-label, .ct-chart .ct-label.ct-horizontal {
    display: block;
    width: 100%;
    height: 100%;
    fill: rgba(43, 43, 43, .7);
    color: rgba(43, 43, 43, .7);
    font-size: 1.7rem;
    font-weight: 700;
    text-align: left;
}

.ct-chart .ct-label.ct-vertical {
    display: block;
    width: 100%;
    height: 100%;
    fill: rgba(43, 43, 43, .7);
    color: rgba(43, 43, 43, .7);
    font-size: 1.7rem;
    font-weight: 700;
    text-align: right;
}

.ct-chart .ct-grid {
    stroke: rgba(43, 43, 43, .7);
    stroke-width: 1px;
    stroke-dasharray: 1px;
}

.ct-chart .ct-point {
    stroke-width: 20px;
    stroke-linecap: round;
    opacity: 0;
}

.ct-chart .ct-line {
    fill: none;
    stroke-width: 4px;
    opacity: .9;
}

/* blue line */
.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
    stroke: #0072bb;
}

.ct-chart .ct-series.ct-series-a .ct-area, .ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
    fill: #0072bb;
}

/*gold line*/
.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
    stroke: #ffb715;
}

.ct-chart .ct-series.ct-series-b .ct-area, .ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
    fill: #ffb715;
}

/*expo line*/
.ct-chart .ct-series.ct-series-c .ct-bar, .ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point, .ct-chart .ct-series.ct-series-c .ct-slice.ct-donut {
    stroke: #01a4e5;
}

.ct-chart .ct-series.ct-series-c .ct-area, .ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut) {
    fill: #01a4e5;
}

/*red purple line*/
.ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-d .ct-slice.ct-donut {
    stroke: #ea1d24;
}

.ct-chart .ct-series.ct-series-d .ct-area, .ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut) {
    fill: #ea1d24;
}

/*green line*/
.ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice.ct-donut {
    stroke: #6cc06b;
}

.ct-chart .ct-series.ct-series-e .ct-area, .ct-chart .ct-series.ct-series-e .ct-slice:not(.ct-donut) {
    fill: #6cc06b;
}

.tooltip {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
  border-radius: 3px;
  text-align: center;
  pointer-events: none;
  color: white;
  font: 100%/1.5 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  transition: opacity .1s ease-out;
}

.tooltip.tooltip-hidden {
  opacity: 0;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    body.minimal .data-container h1 { font-size: 270%; font-weight: bold; }
    body.minimal .data-container h2 { font-size: 240%; }
    body.minimal .data-container h3 { font-size: 210%; }
    body.minimal .data-container h4 { font-size: 180%; }
    body.minimal .data-container h5 { font-size: 150%; }
    body.minimal .data-container h6 { font-size: 130%; }
    body.minimal .data-container p { font-size: 110%; }
}

@media (max-width: 480px) {
    body.minimal .data-container h1 { font-size: 270%; font-weight: bold; }
    body.minimal .data-container h2 { font-size: 240%; }
    body.minimal .data-container h3 { font-size: 210%; }
    body.minimal .data-container h4 { font-size: 180%; }
    body.minimal .data-container h5 { font-size: 150%; }
    body.minimal .data-container h6 { font-size: 130%; }
    body.minimal .data-container p { font-size: 110%; }
}

@media (min-width: 481px) {
    body.minimal h1 { font-size: 420%; font-weight: bold;}
    body.minimal h2 { font-size: 380%; }
    body.minimal h3 { font-size: 340%; }
    body.minimal h4 { font-size: 300%; }
    body.minimal h5 { font-size: 260%; }
    body.minimal h6 { font-size: 220%; }
    body.minimal p { font-size: 120%; }
}

@media (min-width: 767px) {
    body.minimal h1 { font-size: 460%; font-weight: bold;}
    body.minimal h2 { font-size: 400%;}
    body.minimal h3 { font-size: 340%;}
    body.minimal h4 { font-size: 280%;}
    body.minimal h5 { font-size: 220%;}
    body.minimal h6 { font-size: 160%;}
    body.minimal p { font-size: 130%;}
}

@media (min-width: 992px) {
    body.minimal h1 { font-size: 480%; font-weight: bold;}
    body.minimal h2 { font-size: 420%;}
    body.minimal h3 { font-size: 360%;}
    body.minimal h4 { font-size: 300%;}
    body.minimal h5 { font-size: 240%;}
    body.minimal h6 { font-size: 180%;}
    body.minimal p { font-size: 130%;}
}