@import "../../styles/variables";

.navbar {
  background: $mixed;
  transition: ease .5s;
  -webkit-transition: ease .5s;

  .navbar-collapse {
     @media (min-width: 768px) {
      height: 0;

      &.show {
        height: auto;
      }
    }
  }

  .navbar-brand img {
    width: 150px;
  }

  .nav-item,
  .btn {
    text-transform: uppercase;
  }

  .nav-item a {
    cursor: pointer;

    &:hover {
      text-decoration: underline;
    }
  }

  .btn-download {
    border: 2px solid $cyan;
    color: white;

    &:hover {
      background: $cyan;
    }
  }
}
@import "../../styles/variables";

.navbar {
  background: $mixed;
  transition: ease .5s;
  -webkit-transition: ease .5s;

  .navbar-collapse {
     @media (max-width: 991px) {
      height: 0;

      &.show {
        height: auto;
      }
    }
  }

  .navbar-brand img {
    width: 150px;
  }

  .nav-item,
  .btn {
    text-transform: uppercase;
  }

  .nav-item a {
    cursor: pointer;

    &:hover {
      text-decoration: underline;
    }
  }

  .btn-download {
    border: 2px solid $cyan;
    color: white;

    &:hover {
      background: $cyan;
    }
  }
}
Fix nav height on larger screens on load
fix(header): Fix nav height on larger screens on load
