* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #eeeeee;
  font-family:  sans-serif, Helvetica, Arial;
  color: #aaaaaa;
}
.center {
  margin: auto;
  width: 50%;
}
.divTable{
  display: table;
  width: 100%;
  margin: 2% 0 2% 0;
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #DDDDDD;
}
.divTableRow {
  display: table-row;
}
.divTableHeading {
  display: table-header-group;
}
.divTableCell, .divTableHead {
  border: none;
  display: table-cell;
  padding: 3px 10px;
  vertical-align: middle;
  text-align: center;
}
.divTableHeading {
  display: table-header-group;
  font-weight: bold;
}
.divTableFoot {
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}
#header_img {
  width: 100%;
}
#header_txt {
  font-size: 3vw;
  font-family:  sans-serif, Helvetica, Arial;
  text-shadow: 3px 3px #000000;
  color:#FFFFFF;
  margin: auto;
  padding: 8% 2%;  
  position: absolute;
}
#current_title {
  font-size: 150%;
}
#current_data {
  font-size: 200%;
  color: #00CC00;
}
.energy_data {
  font-weight:600;
  color:#444444;
}
.chart_menu {
 cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .center {
    margin: auto;
    width: 100%;
  }
  #header_txt {
    font-size: 6vw;
    font-family:  sans-serif, Helvetica, Arial;
    text-shadow: 3px 3px #000000;
    color:#FFFFFF;
    margin: auto;
    padding: 17% 5%;  
    position: absolute;
  }
}