.chartButtons{
    	font-size:0.9rem;
		padding:0.5rem 0.3rem;
        margin-bottom:0.7rem;
	  }
.container {
	width:100%;
	position: relative;
}
axis {
   font: 10px sans-serif;
 }

 .axis path,
 .axis line {
   fill: none;
   stroke: #000;
   shape-rendering: crispEdges;
 }
  .textBar {
  font-size:16px;
 }
 text.bubbles {
  font-size:14px;
 }
 #tooltip {
	position: absolute;
	left:350px;
	top:250px;
	width: 225px;
	height: auto;
	padding: 10px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	pointer-events: none;
	z-index: 10;
}

#tooltip p, .chartTitle {
	margin: 0;
	font-size:1.3rem;
}

#tooltip p {
  font-size: 1rem;
}
.chartSubtitle {
  font-size: 1rem;
}
.donutLegend {
	font-size: 1em;
}
.count, .percent , .donutLegendTitle, .chartTitle{
	font-weight: bold;
}
.donutLegend rect {
	stroke-width:2;
}

.donuts text {
  font-family: "RamaGothicM-Heavy",Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black",sans-serif;
  font-size: 2.5em;
  line-height: 8rem;
  fill: #1072b8;
}
.donuts text.title {
  font-size: 1em;

}

#donut {
  width: 29rem;
  height: 29rem;
  margin: 0 auto;
}

.donuts path.color0 {
  fill: #1072b8;
}

.donuts path.color1 {
  fill: #35526b;
}