*, *::before, *::after {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  list-style: none;
}

img {
  border-style: none;
  width: 100%;
  height: auto;
}

html {
  background: #ffffff;
}

/*------ Paralax-------*/

#bg {
      
 padding-top: -10px;
 /*height: 750px;*/
 width: 110%;
 margin-top: -5%;
 margin-left:-5%;
/*overflow: hidden;*/
}

.parallax {
    
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
    
  position: absolute;
  width: 110%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(-20px);
}

  .layer {
    width: 110%;
    margin-left: -5%;
  }

#bg img {mix-blend-mode: exclusion;}