@media screen and (max-width: 520px) {
	.mapchatter {display: none;}
}

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

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


path {
  fill: none;
  stroke: #000;
}

.graticule {
  fill: none;
  stroke: #fff;
  stroke-width: 0.5px;
}

path.countries {  
  fill: #eef1ee;
  stroke: none;
}

.water {
  fill: #a1cbf1;
  stroke: none;
}

line.labelline {
  stroke-dasharray: 2,4;
  stroke: #222;
  stroke-width: 1px;
}

path.country-borders {  
  stroke: #bbb;
  stroke-width: 1px;
}

svg text {color: #222; font-family: 'Open sans', sans-serif; font-size: 11px; z-index: 1000; cursor: pointer;}

/*tspan.figure {display: none;}*/

g.active tspan.figure {display: inline-block; }
g.nation.active {opacity: 1;}
g.nation.active text {font-weight: 800;}

g.nation.faded {opacity: 0.5;}
g.nation {cursor: pointer;}

g.crowded.active text {visibility: visible;}

g.layer text {stroke: none;font-size: 12px;  font-weight:800;}

g.fade {opacity: 0.2;}
g.highlight {opacity: 1;}

g.layer text {fill: #000;}
g.crowded text {visibility: hidden;}

g.arc text {z-index: 100; }
g.arc path {z-index: 0;}

rect.layer {cursor: pointer; z-index: 0;}
text.visible {display: block; z-index: 1000;}
text.hidden {display: none;}

circle.bubble {fill-opacity: 0.5; stroke: #222; fill: #b55; stroke-width: 1px;}

text.legend {text-anchor: 'start';}

#iaAnno { text-align: right; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; padding: 7px 0 15px 0; letter-spacing: -.5px; }

@media (max-width: 600px) { 
  g.nation text, g.nation line {visibility: hidden;}
  g.nation.active text, g.nation.active line {visibility: visible;}
}