.header, .headerContainer {
	width: 100%;
	min-height: 60px;
	padding: 0 20px;
	position: fixed;
	display: flex;
	justify-content: space-between;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10;
}
.header a, .headerContainer a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 27px;
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
	color: #FFFFFF;
}
.header .image, .headerContainer .image {
	width: 46px;
	height: 46px;
	display: inline-block;
	vertical-align: middle;
}
.headerIndependent {
	justify-content: start;
}
.headerIndependent .headerName {
	display: none;
}
.logoContainer {
	display: flex;
	align-items: center;
}
.logoContainer a {
	margin-right: 10px;
}
.headerName {
	/*margin: 0 10px;*/
}
.headerLink {
	margin-left: 20px;
}
.headerLink, .headerName {
	padding: 4px 0;
}
.headerLink:hover, .headerName:hover {
	margin-bottom: -1px;
	border-bottom: 1px solid #FFFFFF;
}
.menuContainer {
	display: flex;
	flex-direction: row-reverse;
}
.menuButton {
	margin-left: 10px;
	padding: 0;
	border: none;
}
.menuButton:hover {
	box-shadow: none;
}
.menuButton .menuIcon {
	background-image: url('/asset/icons/header/Menu.svg');
}
.menuButton:hover .menuIcon {
	background-image: url('/asset/icons/header/MenuIndent.svg');
}
.menuContent {
	display: none;
}
.menuContentVisible {
	display: flex;
}
.menuContentInvisible {
	display: none;
}
.menuContent {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	background: url('/asset/backgrounds/Cover.svg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -1;
}
.menuContent div {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .5) ;
}
.menuContent a {
	font-size: 60px;
}
.projectContainer {
	display: flex;
	align-items: center;
	text-align: right;
}

@media (min-width: 320px) {
	/* Smartphones, iPhone, portrait 480x320 phones */
}
@media (min-width: 480px) {
	/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}
@media (min-width: 640px) {
	/* Portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	.headerIndependent {
		justify-content: space-between;
	}
	.headerIndependent .headerName {
		display: initial;
	}
}
@media (min-width: 960px) {
	/* Tablet, landscape iPad, lo-res laptops ands desktops */
	.menuButton {
		display: none;
	}
	.menuContent {
		top: unset;
		left: unset;
		right: unset;
		bottom: unset;
		display: flex;
		position: relative;
		background: none;
		z-index: 0;
	}
	.menuContent div {
		width: unset;
		height: unset;
		display: flex;
		flex-direction: unset;
		justify-content: unset;
		align-items: center;
		background-color: transparent;
	}
	.menuContent a {
		font-size: 27px;
	}
}
@media (min-width: 1024px) {
	/* Big landscape tablets, laptops, and desktops */
}
@media (min-width: 1280px) {
	/* Hi-res laptops and desktops */
}