nav.top-bar {
  padding: 0;

  @each $breakpoint, $value in $margins {
    @include breakpoint($breakpoint) {
      margin-left: -$value;
      margin-right: -$value;
      //width: calc(100% + #{4*$value});
      //max-width: calc(100% + #{4*$value});
    }
  }

  &.with-image .background-img {
    display: none;
  }

  .background-img {
    display: none;
  }

  > .grid-container {
    background: inherit;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    //padding-right: 0;

    > .grid-padding-x {
      display: block;
      padding: 0.5rem;
      margin: 0;
      padding-right: 0;

      > .small-12{
        padding: 0;
      }

    }
  }

  ul > li {
    display: flex;
    align-items: center;

    &.level-counter {
      margin-top: 0.2rem;
    }
  }

}