/*-- NAV MENU --*/

#header {
  height: 70px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
}

#header.header-transparent {
  background: transparent;
}

#header.header-scrolled {
  background:var(--blue3);
}

.navbar-brand a { 
	font-weight:600;
	color:#8000FF;
	text-shadow: 0 2px 2px rgba(255, 255, 255, 1);
	text-decoration: none;
	font-size:28px;
    color:#666666;
}
.navbar-light .name {
  vertical-align:middle; 
  text-shadow: 2px 2px #fff;
  font-family: "Ruluko", sans-serif;
}

.navbar .navbar-brand img {
	max-width:60px;
}

.navbar-nav{
	padding-top:0.4em;
}

.navbar-toggler {
	margin-right:15px;
	display:block;
	padding: 4px 6px;
  	border: 2px solid #0080FF!important;
  	z-index:9999;
	color:transparent;
	outline:none;
}

.navbar-light .navbar-nav .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 15px 7px 15px;
  margin-left: 5px;
  font-size: 16px;
  white-space: nowrap;
  transition: 0.3s;
  border-radius: 50px;
}

.navbar-nav a i,
.navbar-nav a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-nav .active,
.navbar-nav .active:focus,
.navbar-nav li:hover > a {
  background:var(--grenat);
  color:#fff;
}

.navbar-light .navbar-nav .contact{
  background:var(--grenat);
  border-radius: 50px;
  color:#fff;
  margin-right:35px;
}

@media (min-width: 320px) and (max-width: 991px){ 

.navbar{
	display:flex-row;
}

.navbar ul{
	background:var(--blue3);
}

.navbar-light .navbar-nav {
	padding-bottom:0.8em;
}

.navbar-light .navbar-nav .nav-link {
	font-size:1.15em;
	padding:0.2em 0.8em;
	display:inline-block;
}

.nav-item{
	display:inline-block;
	padding-top:0.2em ;
	margin:5px 10px;
	margin-left: 0.5em;
}

.navbar-light .navbar-nav .contact{
  padding: 0.2em 0.8em;
  margin-left: 1em;
}
}

@media (min-width: 320px) and (max-width: 460px) { 


}