// navigation scss

.top-bar {
  width: 100%;
  .top-bar-left {
    justify-content: flex-start;
  }
}
.hero {
  @include breakpoint(small) {
      nav {
        .dropdown.menu > li > a {
          padding: $global-menu-padding/2 $global-menu-padding/2;
        }
      }
  }
  @include breakpoint(medium) {
    aside {
      nav {
        .dropdown.menu > li > a {
          padding: $global-menu-padding;
        }
      }
    }
  }
  @include breakpoint(large) {
  }
}