<header class="header">
	<a href="/">
		<img src="/static/images/logo.svg" class="header__logo" alt="Logo">
	</a>
	<div class="container">
		<div class="grid grid-cols-12">
			<div class="col-span-12">
				<div class="menu-trigger hamburger hamburger--squeeze">
					<div class="hamburger__box">
						<div class="hamburger__inner"></div>
					</div>
				</div>
				<nav class="main-nav" role="navigation">
					<ul class="main-nav__list">
						<li class="main-nav__item">
							<a class="main-nav__link" href="/" title="" target="_self">Úvod</a>
						</li>
						<li class="main-nav__item">
							<a class="main-nav__link" href="/" title="" target="_self">O nás</a>
						</li>
						<li class="main-nav__item dropdown">
							<a class="main-nav__link dropdown__trig" href="/" onclick="return false;" title="" target="_self" data-dropdown="menu-dropdown">Služby▾</a>

							<div class="dropdown__menu" id="menu-dropdown">
								<div class="dropdown__menu-inner">
									<div class="dropdown-nav">
										<ul class="dropdown-nav__list">
											<li class="dropdown-nav__item">
												<a class="dropdown-nav__link" href="/" title="" target="_self">Služba 1</a>
											</li>
											<li class="dropdown-nav__item">
												<a class="dropdown-nav__link" href="/" title="" target="_self">Služba 2</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="main-nav__item">
							<a class="main-nav__link"href="/" title="" target="_self">Kontakt</a>
						</li>
					</ul>
				</nav>
			</div>
		</div>
	</div>
</header>