.byline-block, .title-link {
  display: none;
}

.source {
  font-family: 'Graphik', Arial, sans-serif;
  color: #999;
  font-size: 0.9em;
  padding-top: 10px;
}

.container {
  height: 300px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

#content, .wrapper, .content-full {
  width: 100%;
  min-width: 200px;
  max-width: 980px;
}

.mini-chart {
  width: 300px;
  height: 300px;
  float: left;
  margin-top: 20px;
}

.approvals {
  fill: rgb(46, 170, 143);
}

.rejections {
  fill: rgb(238, 112, 42);
}

.axis {
  font: 10px Arial, sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

text.bar-top-label.light {
  fill: #989898;
}

.tick line { display: none; }

.x.axis path {
}

text.bar-top-label {
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
}

text.bar-top-label-approvals {
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
}

text.category-label {
  text-anchor: middle;
  font-family: Arial, sans-serif;
  font-weight: bold;
  fill: black;
}

.tick text {
  fill: #505050;
}

text.axis-label {
  font-size: 13px;
  font-family: Arial, sans-serif;
  fill: #505050;
  text-anchor: middle;
}

text.axis-label.right { text-anchor: end; }
text.axis-label.left { text-anchor: start; }

.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

@media screen and (max-width: 600px) {
  html body {
    padding-top: 0px;
    background: transparent;
  }

  .container {
    width: 300px;
    margin: 0 auto;
  }

}