<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}

<body id="top" class="header-fixed sticky-footer {{ block "body_classes" . }}{{ .Params.BodyClasses }}{{ end }}">
    <div id="page-wrapper">
        {{ block "header" . }}
        {{ partial "header.html" . }}
        {{ end }}
        {{ block "hero" . }}{{ end }}

        <section id="start">
            {{ block "body" . }}
            <section id="body-wrapper" class="section">
                <section class="container {{ .Site.Params.GridSize }}">
                    {{ block "content" . }}{{ end }}
                </section>
            </section>
            {{ end }}
        </section>
    </div>

    {{ block "footer" . }}
        {{- partial "footer.html" . -}}
    {{ end }}

    {{ block "mobile" . }}
    <div class="mobile-container">
        <div class="overlay" id="overlay">
            <div class="mobile-logo">
                {{- partial "logo.html" (dict "ctx" . "mobile" true) }}
            </div>
            <nav class="overlay-menu">
                {{- partial "navigation.html"  (dict "ctx" . "tree" true) }}
            </nav>
        </div>
    </div>
    {{ end }}

    {{ block "bottom" . }}
    {{- partial "script.html" . -}}
    {{ block "javascripts" . }}{{ end }}
    {{ end }}
</body>

</html>