#container, body {
  -moz-transform-style: preserve-3d;
}

#container, .areachart, .barchart, .logo, .donut {
  outline: transparent solid 1px;
  position: absolute;
  left: 50%;
}

#container {
  top: 50%;
  margin-left: -250px;
  margin-top: -265px;
  height: 537px;
  width: 500px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background: url(../../assets/img/clipart/background.png) no-repeat;
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.areachart {
  width: 156px;
  height: 118px;
  background: url(../../assets/img/clipart/areachart.png) no-repeat;
  transform: translateZ(180px);
  -moz-transform: translateZ(180px);
  -webkit-transform: translateZ(180px);
  bottom: 240px;
  margin-left: -87px;
}

.barchart {
  width: 155px;
  height: 117px;
  background: url(../../assets/img/clipart/barchart.png) no-repeat;
  transform: translateZ(120px);
  -moz-transform: translateZ(120px);
  -webkit-transform: translateZ(120px);
  bottom: 85px;
  margin-left: -90px;
}

.logo {
  width: 356px;
  height: 323px;
  background: url(../../assets/img/logo_bg.png) no-repeat;
  transform: translateZ(60px);
  -moz-transform: translateZ(60px);
  -webkit-transform: translateZ(60px);
  top: 120px;
  margin-left: -212px;
}

.donut {
  width: 96px;
  height: 96px;
  background: url(../../assets/img/clipart/donut.png) no-repeat;
  transform: translateZ(120px);
  -moz-transform: translateZ(120px);
  -webkit-transform: translateZ(120px);
  top: 40px;
  margin-left: -60px;
}

#tilted {
  top: 100px;
  transform-origin: center;
  transform: rotate(12deg);
  -moz-transform-origin: center;
  -moz-transform: rotate(12deg);
  -webkit-transform-origin: center;
  -webkit-transform: rotate(12deg);
}

.menu_title {
  margin-bottom: 8px;
}

.header_title {
  padding-left: 73px;
  min-width: 100%;
  /*align-content: start;*/
}

.header_subtitle {
  padding-left: 73px;
  font-size: 13px;
}