
body {
  position: relative;
}


.page-home {
  .section-metanav, .section-nav {
    background-color: transparent;
    position: relative;
    z-index: 1;
  }

  .navbar-main {
    box-shadow: 0 0 100px rgba(0,0,0,.3), 0 0 30px rgba(0,0,0,.1);
  }


  .section-pagetitle {
    display: none;
  }

  .hero {
    overflow: visible;
    margin-top: 0;

  }

  .hero-bg {
    height: auto;
    background-color: var(--parent-color-dark);
    background-position: center 25%;
    top: -8rem;
    bottom: 0;

    &:after {
      opacity: 1;
      background: transparent linear-gradient(to bottom, rgba(0,0,0,.0) 25%,rgba(0,0,0,.15) 40%);
    }
  }
}
