body, html {
  height: 100%;
  font-family: 'Roboto', sans-serif;
  margin:0;
  padding:0;
}
#content-wrapper {
  height: 100%;
}
.panel {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-color:#fff;
}
.panel.one {
  background-color:#151515;
  color:#fff;
}

.panel.two {
  background-color:#20a0d5;
  circle {
      fill: white;
  }
}
#explore_visualization {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
#explore_slogan {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position:absolute;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width:100%;
  h1 {
    font-size:96px;
    font-weight:100;
    text-transform:uppercase;
    margin-bottom:18px;
  }
  p {
    width:500px;
    text-align:center;
  }
  h1, p {
    color:#20a0d5;
  }

}
.panel.three {
  color:#fff;
  background-color:#151515;
}