/*
	HEADER
---------- */
#headerBar{
	/*padding:15px 0;*/
	position:relative;
    z-index:5;
}
#headerBar .container{
	position:relative;
}
#headerBar.header-fixed{
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:7;
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -webkit-box-shadow: 0px 4px 5px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: 0px 4px 5px 2px rgba(0,0,0,0.05);
		box-shadow: 0px 4px 5px 2px rgba(0,0,0,0.05);
}
#headerBar .logo{
	padding:0;
	width:80px;
	display:none;
}
#headerBar .btn-open-nav{
	font-size:32px;
	line-height:32px;
	padding:0 15px 0 0;
	margin-top:15px;
}
#headerBar.header-fixed .btn-open-nav{
	margin:0;
}
#headerBar .logo-container{
	padding:5px 0;
}
#headerBar.header-fixed .logo{
	display:block;
	width:60px;
}

@media(min-width:1200px){
	#headerBar{
		padding:30px 0;
	}
	#headerBar.header-fixed{
		padding:15px 0;
	}
	#headerBar .logo-container .logo{
		display:inline-block;
		width:120px;
		padding-top:22px;
	}
	#headerBar .logo-container{
		position:absolute;
		top:0;
		left:0;
		width:180px;
		height:180px;
		text-align:center;	
		background-color:#000;
		border-radius:50%;	
	}
	#headerBar.header-fixed .logo-container{
		position:absolute;
		top:0;
		left:0;
	}
	/*
	#headerBar .logo-container{
		width:180px;
		height:180px;	
		position:absolute;
		top:-60px;
		left:0;
		background-color:#000;
		padding:0;
		border-radius:50%;
		-webkit-box-shadow: 0px 4px 5px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: 0px 4px 5px 2px rgba(0,0,0,0.05);
		box-shadow: 0px 4px 5px 2px rgba(0,0,0,0.05);
	}

	#headerBar .logo{
		width:120px;
		position:absolute;
		top:50%;
		margin-top:-60px;
		left:50%;
		margin-left:-60px;
		padding:0;
	}
	*/

	#headerBar.header-fixed .logo-container{
		width:130px;
		height:130px;	
		top:-20px;
	}
	#headerBar.header-fixed .logo{
		width:80px;
		margin-top:-5px	;
	}
	
}