#mainNav {
    font-size: 12px;
  min-height: 96px;
  background-color: #35414B;
    border: none;
      box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);


}

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

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

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


  #mainNav .nav-link {
      font-size: 12px;      
	  padding: 6px 10px 6px 10px;
	  color: #E9E9E9;
	  margin: 4px 4px 0px 4px;
	  background: none;
      border: #35414B 1px solid;
      transition: all ease 0.3s;
      letter-spacing: 1px;
      

  }

  #mainNav .nav-link-rounded {
      font-size: 12px;      
	  padding: 6px 10px 6px 10px;
	  color: #E9E9E9;
	  margin: 4px 4px 0px 4px;
	  background: none;
      border: #FFF 1px solid;
      border-radius: 20px;
      transition: all ease 0.3s;
      letter-spacing: 1px;
      

  }

  #mainNav .nav-link:hover {
    color: #35414B;
      border: #FFF 1px solid;
	  background: #FFF;
  }


  #mainNav .nav-link:active {
    color: #FFF;
	  background: #35414B;
      
  }


@media (max-width: 1180px) {
	
  #mainNav .nav-link {
      font-size: 14px;

  }
    
    
}

@media (min-width: 1700px) {
    
  #mainNav .nav-link {
      font-size: 14px;
	  padding: 8px 16px 8px 16px;
	  margin: 4px 4px 0px 4px;
    
    }
      
}