#Infographic {
  width: 40em;
  margin: .5em auto;
  padding: 1em;
  position: relative;
  font-family: 'Droid Sans';
  color: #fff;
  height: 40em;
}

#Infographic span {
  display: none;
}

.circle {
  border: .3em solid #fff;
  border-radius: 50%;
  width: 25em;
  height: 25em;
  text-align: left;
  vertical-align: center;
  position: absolute;
}

.circle p {
  height: 25em;
  width: 15em;
  display: table-cell;
  /*vertical-align: middle;*/
}

#c1 {
  top: 0;
  left: 0;
  background-color: transparent;
}

#c1 p {
	padding-left: 60px;
	font-size: 10pt;
	width: 160px;
}

#c1 h2 {
	text-align: left;
	width: 100px;
	padding-top: 40px;
	padding-left: 60px;
	font-size: 24pt;
}

#c2 {
  top: 0;
  left: 15em;
  background-color: transparent;
}

#c2 p {
	padding-top: 0;
	padding-left: 14em;
	font-size: 10pt;
	width: 190px;
}

#c2 h2 {
	padding-top: 40px;
	padding-left: 180px;
	width: 100px;
	font-size: 24pt;
	text-align: left;
}

#c3 {
  top: 14em;
  left: 7.5em;
  background-color: transparent;
}

#c3 p {
  padding-top: 0;
	padding-left: 130px;
	font-size: 10pt;
	width: 180px;
	height: 100px;
}

#c3 h2 {
	padding-top: 160px;
	padding-left: 130px;
	width: 100px;
	font-size: 24pt;
	text-align: left;
}

.joined {
  position: absolute;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#j12 {
  top: 5em;
  left: 15em;
  width: 10em;
  height: 7em;
  padding-top: 3em;
}

#j13 {
  top: 17em;
  left: 10em;
  width: 7em;
  height: 5em;
  padding-top: 2.5em;
}

#j23 {
  top: 17em;
  left: 23em;
  width: 7em;
  height: 5em;
  padding-top: 2.5em;
}

#all {
  top: 15em;
  left: 15em;
  width: 10em;
  height: 5em;
  padding-top: 1em;
}