Add ability for 100% page height

resources/assets/styles/common/_global.scss

 body {
   font-family: $font-family-sans-serif !important;
+  display: flex;
+  flex-flow: column;
   overflow-x: hidden;
 }
 

resources/assets/styles/common/_variables.scss

+// Fonts
 $font-size-base: 1.2rem;
 $line-height-base: 1.6;
 $h5-font-size: 1.25rem;
@@ -9,6 +10,7 @@ $theme-colors: (
   primary: #ff9f1c,
   secondary: #2ec4b6,
   tertiary: #2a3d45,  // alt: #5d5f71
+  //tertiary: #5d5f71,
 );
 
 $tertiary-light: #bbcfe4;
@@ -32,3 +34,7 @@ $navbar-dark-toggler-icon-bg: "url('data:image/svg+xml,%3Csvg aria-hidden='true'
 $navbar-light-toggler-icon-bg: "url('data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='bars' class='svg-inline--fa fa-bars fa-w-14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='#00000080' d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'/%3E%3C/svg%3E')";
 $navbar-dark-toggler-border-color: "none";
 $navbar-light-toggler-border-color: "none";
+
+// Admin bar
+$adminbar-base: 46px;
+$adminbar-sm: 32px;

resources/views/layouts/app.blade.php

@@ -5,7 +5,7 @@
     @php do_action('get_header') @endphp
     @include('partials.header')
     @yield('above-container')
-    <div class="content container-fluid" role="document">
+    <div class="content container-fluid flex-grow-1" role="document">
       <main class="main wrapper">
         @yield('content')
       </main>

resources/views/partials/page-title.blade.php

-<div class="w-100 position-relative top-banner py-5 d-flex align-items-end justify-content-center">
+<div class="w-100 flex-shrink-0 position-relative top-banner py-5 d-flex align-items-end justify-content-center">
   <div class="container position-relative">
       <div class="row align-items-center justify-content-center text-center text-white">
-        @yield('page-header')
+        @section('header')
+          <h1 class="entry-title">{{the_title()}}</h1>
+        @show
       </div>
   </div>
 </div>