.show-desktop {
    display: none;
}


.show-mobile {
	display: block;
}


#hnp-navigation-header {
	background-color: white;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    position: sticky;
    top: 0;
    z-index: 2;
}

header {
    width: 100dvw;
}


.hnp-navigation-container {
	margin: auto;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


.hnp-navigation-brand {
    width: 90dvw;
    padding: 4dvw 0dvw;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.hnp-navigation-logo {
    height: 5dvw;
}


#hnp-mobile-hamburger-close {
    display: none;
}


#hnp-mobile-hamburger-close, #hnp-mobile-hamburger-button {
    width: 8dvw;
}


#hnp-navigation-apply {
	color: black;
    background-color: transparent;
    padding: 3dvw;
    text-align: left;
	text-decoration: none;
    font-size: 3.5dvw;
    font-weight: 500;
	font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid black;
}


.show-mobile-flex {
    display: flex;
}


.hnp-navigation-mobile {
    background: #e1e1e1;
    width: 100%;
    height: 7dvw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid #ccc;
}



.hnp-navigation-mobile p {
    text-align: center;
    font-style: italic;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: black;
    margin: 0;
    font-size: 3.25dvw;
}



@media (orientation: portrait) {
	#hnp-navigation-mainmenu-extended {
		display: none;
		position: fixed;
		z-index: 100;
		top: 16dvw;
		left: 39.5dvw;
		border-top: 1px solid black;
		border-left: 1px solid black;
		border-right: 1px solid black;
		width: 60dvw;
		background-color: #f4f4f4;
		margin: auto;
		flex-direction: column;
	}
	
	#hnp-navigation-header {
		border-bottom: 2px solid #ccc;
	}
	
	#hnp-desktop-hamburger-close, #hnp-desktop-hamburger-button {
		display: none;
	}
}


@media (max-width: 1919px) and (orientation: landscape) {
	.show-desktop {
		display: block !important;
	}


	.show-mobile {
		display: none !important;
	}
	
	#hnp-navigation-header {
		height: 3.25dvw;
		justify-content: space-around;
		border-bottom: 2px solid #d0d0d0;
	}


	header {
		width: auto;
	}
	
	
	.hnp-navigation-container {
		width: 80dvw;
	}
	
	.hnp-navigation-extended-menu {
		justify-content: flex-end;
	}


	.hnp-navigation-brand {
		width: auto;
		padding: 0dvw;
		margin: 0dvw;
		display: block;
	}


	.hnp-navigation-logo {
		height: auto;
		width: 20dvw;
		cursor: pointer;
	}


	#hnp-desktop-hamburger-close, #hnp-desktop-hamburger-button {
		width: 2dvw;
		cursor: pointer;
		margin: 0.75dvw;
	}
	
	#hnp-desktop-hamburger-close {
		display: none;
	}


	#hnp-navigation-mainmenu {
		display: flex;
		align-items: center;
	}
	
	#hnp-navigation-mainmenu-extended {
		display: none;
		position: fixed;
		z-index: 100;
		top: 3.25dvw;
		border-top: 1px solid black;
		border-left: 1px solid black;
		border-right: 1px solid black;
		width: 15dvw;
		background-color: #f4f4f4;
		margin: auto;
		flex-direction: column;
	}
	
	#hnp-navigation-header {
		border-bottom: 2px solid #ccc;
	}
	
	.hnp-navigation-extended {
		border-bottom: 1px solid black!important;
		padding: 10px !important;
		text-decoration: none!important;
	}


	#hnp-navigation-apply {
		background-color: initial;
		padding: 0dvw 1dvw;
		text-decoration: underline;
		font-size: 1dvw;
		font-weight: 700;
		font-family: 'Open Sans', sans-serif;
		border-bottom: 0dvw;
	}
	
	#hnp-navigation-apply.show-desktop {
		display: block !important;
	}


	#hnp-navigation-apply.show-mobile {
		display: none !important;
	}


	.show-mobile-flex {
		display: none;
	}


	.hnp-navigation-mobile {
		display: none;
	}
}

@media (min-width: 1920px) {
	.hnp-navigation-logo {
		height: 22px;
		cursor: pointer;
		width:auto;
	}

	#hnp-navigation-header {
		height: 60px;
		border-bottom: 2px solid #d0d0d0;
	}

	.hnp-navigation-container {
		width: 1152px;
	}
	
	.hnp-navigation-extended-menu {
		justify-content: flex-end;
	}

	.hnp-navigation-brand {
		flex: 1;
		width: auto;
		padding: 0;
	}

	#hnp-navigation-mainmenu {
		display: flex;
		align-items: center;
	}
	
	#hnp-navigation-mainmenu-extended {
		display: none;
		position: fixed;
		z-index: 100;
		top: 60px;
		border-top: 1px solid black;
		border-left: 1px solid black;
		border-right: 1px solid black;
		width: 300px;
		background-color: #f4f4f4;
		margin: auto;
		flex-direction: column;
	}
	
	#hnp-navigation-header {
		border-bottom: 2px solid #ccc;
	}
	
	.hnp-navigation-extended {
		border-bottom: 1px solid black!important;
		padding: 10px !important;
		text-decoration: none!important;
	}

	#hnp-navigation-header #menu-navigation-menu {
		justify-content: space-evenly;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		width: 500px;
	}

	#hnp-navigation-header #menu-navigation-menu .menu-item {
		display: flex;
		align-items: center;
	}

	#hnp-navigation-header #menu-navigation-menu .menu-item a {
		font-size: 1em;
	}

	#hnp-navigation-apply {
		padding: 0px 10px;
		text-decoration: underline;
		color: black;
		font-weight: 700;
		font-size: 1.25em;
		align-items: center;
	}

	#hnp-navigation-apply a {
		text-decoration: none;
		color: black;
		font-family: 'Open Sans', sans-serif;
	}

	#hnp-mobile-hamburger-close {
		display: none;
	}

	#hnp-mobile-hamburger-button {
		display: none;
	}
	
	#hnp-desktop-hamburger-close, #hnp-desktop-hamburger-button {
		width: 30px;
		cursor: pointer;
		margin: 10px;
	}
}