/*Parallax necessary CSS */
.parallax {
  
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;

  perspective: 1px;
  -webkit-perspective:1px;

}
.parallax_layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

}
.parallax_layer_base {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.parallax_layer_back {
  transform: translateZ(-1px);
  -webkit-transform: translateZ(-1px);
}

/* Depth Correction */
.parallax_layer_back {
  transform: translateZ(-1px) scale(2);
}

.parallax_layer_deep {
  transform: translateZ(-2px) scale(3);
}

/* Example CSS for content */
* {
  margin: 0;
  padding:0;
}

.title {
  position:absolute;
  left:10%;
  top:30%;
  color:white;
  font-size: 300%;
}

.backgroundImage {
  width:100%;
  height:auto;
}

.content {
  margin-top: 100vh;
  width:100%;
  height: auto;
  background-color:blue;
}



#intro {
    background: url("../images/slider/bg1.jpg") 50% 0 fixed;
    height: auto; 
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 100px 0;
}
#home {
    background: url(images/home.jpg) 50% 0 fixed;
    height: auto; 
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 200px 0;
}
#about {
    background: url(images/about.png) 50% 0 fixed;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 100px 0;
    color: #fff;
}