line:hover {
   stroke-width:7px;
}

.aid {
	stroke:#9E142E;
}

.trade {
	stroke:#21358B;
}

.finance {
	stroke:#D77438;
}

.migration {
	stroke:#8850AC;
}

.environment {
	stroke:#41B976;
}

.security {
	stroke:#1792C5;
}

.technology {
	stroke:#F5C144;
}

.overall {
	stroke:#574D40;
}

text {
	 text-rendering: optimizeLegibility;
}

#visualize {
	max-width:900px;
	margin:0 auto;
	background-color:#f3f3f3;
}

body {
	background-color:#f3f3f3;
}

#visualize svg {
	margin:5px;
	width:170px;
	height:170px;
}

.component-text, .rank-text {
	display:none;
}

g.line-g:hover .component-text {
	display: block;
}

g.main-g:hover .rank-text {
	display: block;
}

.twitter-bird:hover {
	fill:#000000;
	cursor:pointer;
}

.fb-share:hover {
	cursor:pointer;
}

.fb-share:hover .path-1 {
	fill:#000000;
}

@media screen and (max-width:555px){
	#visualize svg {
		-ms-transform: translate(85px,85px) scale(2);
		-o-transform: translate(85px,85px) scale(2);
		-moz-transform: translate(85px,85px) scale(2);
		-webkit-transform: translate(85px,85px) scale(2);
		transform: translate(85px,85px) scale(2);
		display: block;
		margin-bottom: 180px;
	}
	
		
	.line-g line {
		stroke-width:10px;
	}
}