<div class="container p-3">
	<div class="columns">
		<div class="column is-8 is-offset-2">
			<nav class="navbar" role="navigation" aria-label="main navigation">
				<div class="navbar-brand">
					{{- if .IsHome -}}<h1 class="site-title navbar-item">{{- else -}}<div class="site-title navbar-item">{{- end -}}
					<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
					{{- if .IsHome -}}</h1>{{- else -}}</div>{{- end -}}

				<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="nav-menu">
					<span aria-hidden="true"></span>
					<span aria-hidden="true"></span>
					<span aria-hidden="true"></span>
				</a>
				</div>

				{{ with .Site.Menus.main }}
				<div class="navbar-menu" id="nav-menu">
					<div class="navbar-end">
						{{ range . }}
						<a class="navbar-item" href="{{ .URL | relURL }}">{{ .Name }}</a>
						{{ end }}
					</div>
				</div>
				{{ end }}
			</nav>
		</div>
	</div>
</div>
