.header {
	width: 100%;
	background-color: white;
	-webkit-box-shadow: 0px 1vh 1vh 0px rgba(0,0,0,0.2);
	-moz-box-shadow:	0px 1vh 1vh 0px rgba(0,0,0,0.2);
	box-shadow:			0px 1vh 1vh 0px rgba(0,0,0,0.2);
	text-align: center;
}

.header-placeholder {
	opacity: 0;
	filter: opacity(0);
	-webkit-filter: opacity(0);
	-moz-filter: opacity(0);
}

.header-freeze {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}


.header-menu,
.header-logo {
	display: inline-block;
	width: 3%;
	vertical-align: middle;
	padding: 0.5vw 0px;
}

.header-menu {
	border: none;
	background: none;
	outline: none;
	cursor: pointer;
}

div.header-title {
	display: inline-block;
	width: 90%;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	font-size: 2.5vw;
}


/* Mobile/Portraitn with min width (Soft Keyboard) */
@media (max-width: 500px), screen and (orientation:portrait) {
	.header-menu,
	.header-logo {
		width: 10%;
		padding: 2vw 0px;
	}
	div.header-title {
		width: 70%;
		font-size: 5.5vw;
	}
}