---
layout: base
---

<div class="d-flex h-auto min-h-screen">
   <div class="d-flex flex-fill">
      {% if page.nav-position == "left" or page.nav-position == "right" or page.nav-position == "all"  %}
      {% include layout/sidenav.html dark=page.sidenav-dark  %}
      {% endif %}

      <div class="main-content flex-fill d-flex flex-column max-w-full">
         {% include layout/topnav.html dark=page.header-dark %}

         <div class="d-flex flex-fill max-w-full">

            <div class="flex-fill px-lg-2 mw-100{% if page.blank %} d-flex align-items-center{% endif %}">
               <div class="container{% if page.container-size %} container-{{ page.container-size }}{% endif %}{% if page.fluid %}-fluid{% endif %} my-4">
                  {% include layout/page-title.html %}

                  {{ content }}
               </div>
            </div>
         </div>
      </div>
   </div>


</div>