.navbar {
  //background-color: $nav-bar-default-bg-color;
  width: 100%;
  @extend %is-flex;
  position: relative;
  min-height: $nav-bar-height;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;

  .nav {
    &-menu {
      width: 100%;
      height:0;
      overflow-y: hidden;
      transition: $navbar-collpase-transiton;
    }
    &-link {
      padding: $navbar-link-padding;
      line-height: $nav-line-height;
      font-weight: $navbar-link-font-weight;
      font-size: $nav-link-font-size;
    
    }
  }
 
}
.brand {
  font-size: $nav-brand-font-size;
  font-weight: $nav-brand-font-weigh;
  padding: $nav-brand-padding;
  white-space: nowrap;
  &:visited{
    color: auto;
  }
}