/* --------------------  Layers (background images)  ---------------------- */

div[class*="layer-"]::after{
  content: '';
  position: absolute;
  display: block;
  pointer-events: none;
  top: 0px;
  left: 0px;
  width:100%;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  z-index: 1;
}
.transparent-navbar + div[class*="layer-"]::after{ top: 80px; padding-top: 80px; }


/* layer-top */

.transparent-navbar + div.layer-top { padding-top: calc(120px + 8vw); }
div.layer-top{ padding-top: 8vw; }
div.layer-top::after{
  height:20vw;
  background-image: url(../../img/bg/frame-top.png);
}

/* layer-bottom */

div.layer-bottom, div.layer-bottom.margin-small{ padding-bottom: 10vw; }
div.layer-bottom::after{
  top: auto;
  bottom: 0px;
  background-position: bottom left;
  height:20vw;
  background-image: url(../../img/bg/frame-bottom.png);
}