.navigation {
	background-image: url(../img/bg-paper.jpg);
	background-size: cover;
	background-position: center;
}

.brand {
	display: block;
	text-align: center;
}

.brand img {
	margin: 40px 0 20px 0;
	display: inline-block;
  height: 112px;
}

nav {
	
}

.nav-wrapp {
	display: block;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul.nav-grid {

	display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px;
}

nav ul li {
	display: inline-block;
  position: relative;
  box-sizing: border-box;
}

nav ul li a {
  display: block;
  font-size: 1.9rem;
  padding: 0 15px;  
	line-height: 73px;
	/*background: #262626;*/
	color: #999999;
	text-decoration: none;
	white-space:nowrap;
}
nav ul li:last-child a {
  padding-right: 0;
}

nav ul li a:hover {
	/*background: #2581DC;*/
	color: #C88F00;
}

nav ul li a:not(:only-child):after {
	padding-left: 4px;
	content: ' ▾';
}

nav ul li ul li {
	min-width: 190px;
}

nav ul li ul li a {
  font-size: 2rem;
	padding: 15px;
	line-height: 20px;
	z-index: 1000;
}

.nav-dropdown {
	position: absolute;
	display: none;
	z-index: 1000;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.nav-mobile {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
	height: 73px;
  width: 70px;
}

#nav-toggle {
	position: absolute;
	left: 18px;
	top: 26px;
	cursor: pointer;
	padding: 10px 35px 16px 0px;
}

#nav-toggle span,
  #nav-toggle span:before,
  #nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 3px;
	width: 35px;
	background: #C88F00;
	position: absolute;
	display: block;
	content: '';
	transition: all 300ms ease-in-out;
}

#nav-toggle span:before {
	top: -10px;
}

#nav-toggle span:after {
	bottom: -10px;
}

#nav-toggle.active span {
	background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
	top: 0;
}

#nav-toggle.active span:before {
	transform: rotate(45deg);
}

#nav-toggle.active span:after {
	transform: rotate(-45deg);
}

@media only screen and (max-width: 820px) {
	.nav-mobile {
		display: block;
	}

	.brand img {
    top: 13px;
		left: 30px;
		max-width: 80%;
		height: auto;
  }

	nav {
		width: 100%;
	}

	.nav-wrapp {
		display: none;
	}

	nav ul li {
		float: none;
	}

	nav ul li a {
		padding: 0 25px;
    font-size: 3.1rem;
    line-height: 46px;
    /*background: #E8A700;*/
		color: #fff;
	}
	nav ul li a:hover {
		color: #e1e1e1;
  }
  
	nav ul li ul li a {
    padding-left: 30px;
		
	}

	.nav-dropdown {
		position: static;
  }

  .nav-list {
    padding: 20px 0;
		background: #C88F00;
	}
	nav ul.nav-grid {

		display: grid;
		grid-template-columns: 1fr;
		gap: 0px;
	}
}

@media screen and (min-width: 820px) {
	.nav-list {
    /*display: block;*/
	}
	/*.nav-wrapp {
		display: block;
	}*/
	
}


@media only screen and (max-width: 480px) { 
  .brand {
    /*position: absolute;
    top: 13px;
		left: 30px;*/
  }

}