// HTML
<div class="hero">

</div> <!-- End Hero -->

// SCSS
.hero {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 420px;
}

// JS
$('.hero').css('height', $(window).height() - headerHeight);