#sequence {
  width: 960px;
  height: 70px;
}
#legend {
  padding: 10px 0 0 3px;
}
#sequence text, #legend text {
  font-weight: 600;
  fill: #fff;
}

#chart {
  position: relative;
}

#chart path {
  stroke: #fff;
}

#explanation_investment1,
#explanation_investment2,
#explanation_investment3,
#explanation_investment4,
#explanation_empowerment_pie {
  position: absolute;
  text-align: center;
  color: #666;
  z-index: -1;
  left: -2px;
  right: 0;
  margin: 0 auto;
  top: 50%;
  font-size: 25px;
}

#percentage {
  font-size: 2.5em;
}
#investment_section {
  background: #ffffff;
  display: none;
}
#investment-block {
  width: 100%;
}
#investment-block h2 {
  margin: 0 10px 0 0;
  display: inline;
}
#investment1,
#investment2,
#investment3,
#investment4,
#empowerment_pie {
  width: 22%;
  float: left;
  margin: 0 1%;
  position: relative;
  z-index: 2;
  text-align: center;
}
.invest-seq {
  position: relative;
  min-height: 50px;
}
.invest-seq #sequence_investment1,
.invest-seq #sequence_investment2,
.invest-seq #sequence_investment3,
.invest-seq #sequence_investment4{
  position: absolute;
  left: 0;
  top: 0;
}

#container_investment1 .chart-title {
  transform-origin: 50px 0;
}
#empowerment-chart {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0px #ababab;
  box-shadow: 0 1px 2px 0px #ababab;
  padding: 20px;
  margin-bottom: 30px;
  display: block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #empowerment-chart {
    -webkit-box-shadow: 0 1px 2px 2px #ababab;
    box-shadow: 0 1px 2px 2px #ababab;
  }
}
#empowerment-chart h2 {
  margin: 0 0 15px 0;
}
#empowerment-chart h2 {
  margin: 0 0 15px 0;
}

#investment_health,
#investment_education,
#investment_social_protection,
#investment_real_economy {
  float: left;
  width: 23%;
  margin: 2.5% 1% 0 1%;
}
#investment_legend {
  width: 100%;
  text-align: left;
  fill: #808080;
}
#investment_legend svg {
  width: 100%;
}
#investment_education svg g[style="text-anchor: end"] {
  font-size: 10px;
}
.investment-axis-text {
  color: #808080;
  fill: #808080;
}
#investment_health svg g g.y.axis g.tick,
#investment_education svg g g.y.axis g.tick,
#investment_social_protection svg g g.y.axis g.tick,
#investment_real_economy svg g g.y.axis g.tick,
#investment_real_economy svg g g.y.axis g.tick {
  fill: #808080;
}
#investment_health svg g g.x.axis g.tick,
#investment_education svg g g.x.axis g.tick,
#investment_social_protection svg g g.x.axis g.tick,
#investment_real_economy svg g g.x.axis g.tick {
  transform: translate(53px, 10px);
}
#investment_health h4,
#investment_education h4,
#investment_social_protection h4,
#investment_real_economy h4 {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  min-height: 94px;
}