.navbar {
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    height: 33px;
    top: 55px;
    position: fixed;
    z-index: 3;
	overflow: hidden;
	max-width: 1920px;
}

.navbar-background {
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    height: 33px;
    top: 55px;
    position: fixed;
    z-index: 2;
	overflow: visible;
}

.navbar-color {
	overflow: visible;
	background-color: #1e1f26;
	color: #ffffff;
}

.navbar-button {
	border: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	width: auto;
    margin: 0;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.5;
}

.navbar-button:hover {
	background-color: #14151a;
}

.navbar-button-first {
	border: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	width: auto;
    margin: 0;
    padding: 0px 5px 0px 5px;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.5;
}

.navbar-button-first:hover {
	background-color: #14151a;
}

.nv-dropdown {
    font-family: Arial;
    font-size: 15px;
	position: relative;
	display: inline-block;
}

.nv-dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.nv-dropdown-content .link {
	color: black;
	padding: 5px 15px;
	text-decoration: none;
	display: block;
}

.nv-dropdown-content .link:hover {
	background-color: #f1f1f1;
}

.nv-dropdown:hover .nv-dropdown-content {
	display: block;
}

@media screen and (min-width: 500.1px) {
    .dynamic-nav-NOF {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .dynamic-nav-NON {
        display: none;
    }
}