#header .logo-icon {
	/* display logo so appname can be shown next to it */
	display: inline-block;
	background-image: url(../img/logo-icon.svg);
	background-repeat: no-repeat;
	background-size: 84px 34px;
	width: 84px;
	height: 34px;
	color: #fff;
	margin: 0;
	padding: 0;
	padding-left: 84px;
	font-size: 16px;
	font-weight: 300;
	line-height: inherit;
}

#header .header-appname-container {
	display: -webkit-flex; /* @TODO: Remove if Chrome 18 support is dropped */
	display: -moz-box;     /* @TODO: Remove if FF 14 support is dropped */
	display: flex;
	position: absolute;
	left: 15px;
	height: 44px;
	align-items: center;
}

/* show burger indicator next to logo to make clear it is tappable */
#header .burger {
	display: inline-block;
	position: relative;
	min-width: inherit;
	width: 18px;
	height: 15px;

	margin: 0 15px 0 0;
	padding: 0;

	background: transparent;
	border: 0 none;
	border-top: 3px solid #00aeef;
	border-bottom: 3px solid #00aeef;
	border-radius: 0;
	text-indent: -9999px;
}

#header .burger:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: calc(50% - 1px);
	height: 3px;
	background-color: #00aeef;
}