html, body {
	height: 100%;
}

#container {
	min-height:100%; 
	display: flex;
	flex-direction: row;
}

#sidebar {
	width: 25%;
	display: flex;
	flex-direction: row;
  align-items: flex-end;
  bottom:10%;
}


#content {
	box-sizing: border-box;
	padding: 20% 5% 30% 5%;
	width: 100%;
}

#chart {
	flex: 1;
}

h1 {
  margin:0;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align:left;
  font-size:24px;
  margin: 0;
}

h2 {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align:left;
  color:#BDB8B0;
  font-size:18pt;
}

p {
  margin: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  width: 100%;
  text-align:left;
  line-height:150%;
  color:black;
}

a {
  text-decoration: none;
  color: grey;
}

a:hover{
  text-decoration:underline;
}