body {
  background-color:#f5f5f5;
  opacity:1;
}
.js body { opacity:0; }
.js.wf-inactive body, .js.wf-active body { opacity:1; }
#wrapper { padding-top:220px; }
#wrapper:before {
  content:'';
  display:block;
  position:fixed;
  z-index:1;
  top:0;
  left:0;
  width:100%;
  height:220px;
  background:linear-gradient(to bottom,#040418,rgba(4,4,24,0));
  pointer-events:none;
}
.wrapper-page {
  min-height:220px;
  background-color:#f5f5f5;
  position:relative;
  z-index:1;
}
.page-wrapper {
  width:100%;
  max-width:1200px;
  padding:70px 0 0;
  margin:0 auto;
}
.extra-responsive-image-placeholder-thumb { opacity:0; }
.extra-responsive-image-placeholder-canvas { pointer-events:none; }
@media only screen and (max-width: 540px) {
  #wrapper { padding-top:120px; }
}