<header class="mega-menu full-width fixed">
	<div class="header">
		<nav>
			<!-- <label for="drop" class="toggle"><i class="fa fa-bars fa-2x" aria-hidden="true"></i></label>
			<div id="logo" style="font-size:1.6rem;">小寶優居</div> -->
			<div class="d-inline-flex">
				<label for="drop" class="toggle"><i class="fa fa-bars" aria-hidden="true" style="padding-top:2px;font-size:1.6rem;"></i></label>
				<span id="logo">
					<a href="/" style="color:#656565;font-size:1.4rem;">
						<div class="row">
							<div class="col">
								<img
								alt="小寶優居 | 北歐風格"
								src="/img/logo2.png"
								height="30px"
								width="auto"
								layout="responsive">
								</img>
							</div>
						</div>
					</a>
				</span>
			</div>
			<input type="checkbox" id="drop" />
				<ul class="menu">
			{{ range .Site.Menus.main }}
				{{ if .HasChildren }}
					<li>
						<!-- First Tier Drop Down -->
						<label for="drop-{{ .Name }}" class="toggle">{{ .Name }} +</label>
						<a href="{{ .URL }}">{{ .Name }}</a>
						<input type="checkbox" id="drop-{{ .Name }}"/>
						<ul>
						{{ range .Children }}
							<li><a href="{{ .URL }}">{{ .Name }}</a></li>
						{{ end }}
						</ul>
					</li>
				{{ else }}
					<li>
						<a title="{{ .Name }}" href="{{ .URL }}">{{ .Name }}</a>
					</li>
				{{ end }}
			{{ end }}
				</ul>
		</nav>
	</div>
</header>