---
layout: base
---

<div class="d-flex h-auto min-h-screen">

   {% if page.nav-position == "left" or page.nav-position == "right" or page.nav-position == "all"  %}
   {% include layout/sidenav.html %}
   {% endif %}

   <div class="main-content flex-fill d-flex flex-column mw-100">
      {% include layout/header.html %}

      {% comment %}
      {% if page.nav-position == "top" or page.nav-position == "all" %}
      {% include layout/topnav.html %}
      {% endif %}
      {% endcomment %}

      <div class="d-flex flex-fill">

         <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>