#mainNav {
  min-height: 60px;
    background-color: #22490f;
    border: none;

}

#mainNav .navbar-toggler {
  font-size: 90%;
  padding: 10px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
    border-radius: 0px;
}

#mainNav .navbar-toggler:focus {
  outline: none;
}

#mainNav .navbar-brand {
  padding: 4px 0;
}



  #mainNav .nav-link {
	  padding: 10px 14px 10px 14px;
	  color: #FFF;
	  font-weight: 600;
	  margin: 8px 4px 0px 4px;
	  background: none;
      border-radius: 0px;
      transition: all ease 0.3s;      

  }

  #mainNav .nav-link:hover {
    color: #22490f;
      background: #fff;
      
  }
  #mainNav .nav-link:active {
    color: white;
  }

@media (min-width: 992px) {
	
  #mainNav {
	  font-size: 15px;
	  border-bottom: none;
	  margin: 0px;
	  padding: 0px;

  }


/*drop-down override*/

.dropdown:hover>.dropdown-menu {
  display: block;
}


.dropdown-menu {
  background-color: #000;
    margin-top: 0px;
    border-radius: 0;
    border: none;
    padding: 0px;
}

.dropdown-item {
    font-size: 100%;
	color: #fff;
    margin: 0px 4px 0px 0px;
	padding: 10px 22px 10px 20px;
    text-transform: uppercase;

}

.dropdown-divider {
  border-top: 1px solid rgba(50, 50, 50, 0.9);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #FFFFFF;
  color: #000;
}
	
}	


@media (min-width: 992px) {
  .animate {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}