#banner{
  width: 100%;
  height: 100%;
  /* margin: 40px auto;
  width: 800px;
  height: 550px; */
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 20;
}

#banner .parallax_img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: calc(100% + 20px);
  min-height: calc(100% + 20px);
}

#intro{
  position: absolute;
  width: 100%;
  height: 100%;
  /* padding: 100px 0; */
  z-index: 10;
  text-align: center;
/* -moz-box-shadow:    inset 0 0 30px #333333;
-webkit-box-shadow: inset 0 0 30px #333333;
box-shadow:         inset 0 0 30px #333333; */
}
/* #intro h1{
  text-align: center;
  width: 840px;
  margin: auto;
  font-family: 'Rokkitt', serif;
  text-transform: uppercase;
  color: #333333;
  font-size: 28px;
} */