html, body {
  font-family: OpenSans;
  /*padding: 0;*/
  margin: 0;
  overflow-x: hidden;
}

/* Background effect */
/*.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(-1px);
  background-image: url("../images/background/gravel.jpg");
}*/

.backgrounds {
  position: absolute;
  z-index: -1;
}

#gravel-background {
  background-image: url("../images/background/gravel.jpg");
}

#clouds-background {
  background-image: url("../images/background/clouds.png");
}

/* Main body content */
#main-content {
  background: rgba(255, 255, 255, 0.9);
}