header{ position:fixed; top:0rem; left:0; width: 100vw; border:none; z-index: 100; }
	#header-logo{background-color: transparent; border:none;
				position:fixed; top:-.1rem; left:0; z-index: 200000;
				width:20em; height:11.5em;
				background-image: url('/slike/header-logo-bg.svg');
				background-size:contain;
				background-position: top left;
				background-repeat: no-repeat;
				font-size: 1rem;}
		#header-logo>img{position:fixed; top:.5em; left:1em; display: block;
						border:none; z-index: 200001; width:9em; height: auto; font-size:inherit;}	
	.header-nav{background-color:#0e74bdbc; 
				padding-left: 18rem !important; 
				display: flex; justify-items: end !important; justify-content: end !important;
				border-bottom: .5rem solid #01afee77;
				min-height: 4rem;}	
		.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {border: none !important; outline: none !important; box-shadow: none !important;}
		.navbar-toggler-icon{color: rgba(255,255,255,.55) !important}
		.navbar-nav{display: flex; justify-content: center; justify-items: center;}
			.nav-link{overflow: hidden;}
			.navbar-nav a{font-family: 'jedan', sans-serif !important; display: block; width:auto; text-align: center; font-size: 1.15rem; 
						color: white !important; line-height: 100%; }	
			.navbar-nav a:after{content: ''; display: block; width:0%; height:.2rem; margin-left:50%; transition:ease-in .2s; background-color:var(--rent)}
			.navbar-nav a:nth-of-type(2):after{background-color:var(--safari)}
			.navbar-nav a:nth-of-type(3):after{background-color:var(--excursions)}
			.navbar-nav a:nth-of-type(4):after{background-color:var(--sport)}
			
				.header-zadnji a{display: inline-block !important;}
				.header-zadnji a>img{height:1.5em !important;}
				.header-zadnji a:after{background-color:transparent !important}
			.navbar-nav a:hover:after{width:calc(100% + .5rem); margin-left:-0.25rem; border-width: 0.35rem;}
			.navbar-nav a.active:after {width:calc(100% + .5rem); margin-left:-0.25rem; border-width: 0.35rem;}
@media only screen and (max-width:576px) {
	#header-logo{font-size: .7rem; width:19em; height:11em;}
	.header-nav{padding-left: 0 !important; justify-items:flex-end !important; justify-content:flex-end !important;}
}