<!DOCTYPE html>
<html>
{% include head.html %}
  <body>
    {% include header.html %}
    <div class="sm-ml-navbar">
      <div role="main" class="container bg-white flex flex-column" style="min-height:100vh">
        <div class="sm-p3 p2 mx-auto flex-auto">
          {{ content }}
        </div>
        <div class="p2 mx-auto">
          {% include footer.html %}
        </div>
      </div>
    </div>
  </body>
</html>

<!DOCTYPE html>
<html>
{% include head.html %}
  <body>
    {% include header.html %}
    <div class="sm-ml-navbar">
      <div role="main" class="container bg-white flex flex-column" style="min-height:100vh">
        <div class="col-12 sm-p3 p2 mx-auto flex-auto">
          {{ content }}
        </div>
        <div class="p2 mx-auto">
          {% include footer.html %}
        </div>
      </div>
    </div>
  </body>
</html>

Fix image resizing on small screens and firefox
Fix image resizing on small screens and firefox
