#cost {display:none;}
#waste {display:none;}
#mit {display:none;}
#doe {display:none;}

div.heading  {  
  left:10%;  width:80%; height: 20%; position:absolute;
}
div.heading h1 { text-align:center;}

div.intro {
  width:50%;
  position:absolute;
}
div.logo {
  position:absolute;
  top:25%;
  left:50%;
  width:50%;
  text-align:center;
}

div.logo img { width:50% }

h3 { text-align:center;}


div.chart1 { 
  top:25%;
  height:50%;
  width:33%;
  float:left;
 }
div.chart2 { 
  top:25%;
  height:50%;
  width:33%;
  float:left;
}
div.chart3 { 
  top:25%;
  height:50%;
  width:33%;
  float:left;
}

div.footer
{
position:absolute;
top: 80%;
width:100%;
height:15%;
text-align:center;
}

body {
  overflow-y:scroll;
}

text {
  font: 12px sans-serif;
}

#cost {display:none;}
#waste {display:none;}
#mit {display:none;}
#doe {display:none;}

div.heading  {  
  left:10%;  width:80%; height: 20%; position:absolute;
}
div.heading h1 { text-align:center;}

div.intro {
  width:50%;
  position:absolute;
}
div.logo {
  position:absolute;
  top:25%;
  left:50%;
  width:50%;
  text-align:center;
}

div.logo img { width:50% }

h3 { text-align:center;}


div.chart1 { 
  top:25%;
  width:33%;
  float:left;
 }
div.chart2 { 
  top:25%;
  width:33%;
  float:left;
}
div.chart3 { 
  top:25%;
  width:33%;
  float:left;
}

div.footer
{
position:absolute;
top: 80%;
width:100%;
height:15%;
text-align:center;
}

body {
  overflow-y:scroll;
}

text {
  font: 12px sans-serif;
}

Remove height from chart containers.
Remove height from chart containers.
