// ============================================================================
// :: Menu
// ============================================================================
/**
 * Scope defined for styling the visual representation of the menu.
 */

// ============================================================================
// :: Root
// ============================================================================
.s-menu {
  display: flex;
  justify-content: center;
  align-items: center;

  .o-menu {
    @include respond-to($bp-breakpoint-tablet-base) {
      width: 100%;
    }
  }
}