.barmale { fill: #1f77b4;
           fill-opacity: .6;}
.barfemale {fill: #e377c2;
            fill-opacity: .6;}
.axis path,
.axis line {
    fill: none;
    stroke: black;
    shape-rendering: crispEdges;
}

.axis text {
    font-family: sans-serif;
    font-size: 11px;
}
.axis + .axis g text {
  display: none;
}
}

#evolutionPopulation{height:5%}

.Year1960 {
  float: left;
  width: 50%;
  height:25%;

}

.Year1980 {
  float: left;
  width: 50%;
  height:25%;

}

.Year2000 {
  float: left;
  width: 50%;
  height:25%;
}

.Year2017 {
  float: left;
  width: 50%;
  height:25%;
}