One-layer parallax

Parallax effect for window width > 992px

<section class="pt4 pb4 shadow-inset parallax" data-speed="0.3" data-image="design/images/banner.jpg">
  <div class="container">
    <div class="div white">
      <h1 class="mb1 huge thin">Parallax</h1>
      <h2 class="mb2">This is parllax section</h2>
      <div class="btn-group">
        <a href="javascript:void(0)" class="btn btn-mt btn-primary"><i class="mdi mdi-weather-sunny"></i>First Button</a>
        <a href="javascript:void(0)" class="btn btn-mt btn-danger">Second Button</a>
      </div>
    </div>
  </div>
</section>

Scroll speed: data-speed="0.8" 0...1 slowly, 1...2 faster