html,
body,
header,
#intro {
    height: 100%;
}

#intro {
    background: url("../img/background/wallpaper.jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.top-nav-collapse {
  background-color: #24355C;
}
@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #24355C;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #24355C;
  }
}
text{
  font-family:Helvetica, Arial, sans-serif;
  font-size:11px;
  pointer-events:none;
}
#chart{
  /* position:absolute; */
  width:500px;
  height:500px;
  top:0;
  left:0;
}
#question{
  position: absolute;
  width:400px;
  height:100px;
  top:200px;
  left:-650px;
}
#question h1{
  font-size: 20px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  padding: 0;
  margin: 0;
  top:50%;
  -webkit-transform:translate(0,-50%);
          transform:translate(0,-50%);
}