.navigation-bar {
	background: #fff;
	width: 100%;
	height: 65px;
	top: 0;
	left: 0;
	position: fixed;
	box-shadow: 0 5px 0 rgba(60, 60, 60, 0.17);
	z-index: 99999;
}
.navigation-bar-background {
	top: 0;
	height: 65px;
	position: absolute;
}
.navigation-bar-background.left {
	background: url('navigation-bar-background-left.png');
	width: 314px;
	left: 0;
}
.navigation-bar-background.right {
	background: url('navigation-bar-background-right.png');
	width: 350px;
	right: 0;
}
.navigation-bar-logo {
	top: 0;
	position: absolute;
}
.navigation-bar-logo.left {
	left: 20px;
	top: 10px;
}
.navigation-bar-logo.left img {
	box-shadow: 0 5px 0 rgba(60, 60, 60, 0.17);
	border-radius: 45px;
}
.navigation-bar-logo.right {
	top: 11px;
	right: 20px;
}


@media only screen and (max-width: 1023px) and (max-height: 767px){
	.navigation-bar {
		background: transparent;
		box-shadow: none;
	}

	.navigation-bar-background,
	.navigation-bar-background.left,
	.navigation-bar-background.right {
		display: none;
	}

	.navigation-bar-logo.left {
		left: 10px;
		top: 5px;
	}

	.navigation-bar-logo.right {
		right: 10px;
		top: 5px;
	}

	.navigation-bar-logo.left img {
		box-shadow: none;
		width: 46px;
		height: 46px;
	}

	.navigation-bar-logo.right img {
		width: 20px;
		height: 20px;
	}

}

@media only screen and (max-width: 568px) {

}