.axis text {
  fill: #C8D5DA;
  font-size: 13px;
}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.axis text {
  fill: #C8D5DA;
  font-size: 13px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    line#mu1, line#mu2 {
  stroke-width: 1px;
  }
}

/* Landscape phones and down */
@media (max-width: 480px) { 
    .axis text {
  fill: #C8D5DA;
  font-size: 8px;
}
} 

#viz {

  padding-top:10px;
}

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

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

}

.poly {
	stroke: none;

}

.axis path,
.axis line {
  fill: none;
  stroke: #C8D5DA;

}
/*
.grid line  {
   stroke: #C8D5DA;
   stroke-dasharray: 1 1;
}
.axis .tick line {

}*/

.dash-stroke {
  fill:none;
  stroke-dasharray: 2,2;
  stroke-width: 2px;
  stroke: #7B3EB3;
}

.dynamic-line {
  fill:none;
  stroke: none;
}

svg text {
  font-size: 18px;
}

.z-index-1 {
  z-index: 1;
}

.z-index-10 {
  z-index: 10;
}

.z-index-100 {
  z-index: 100;
}