nav.sass

.menu
    a,
    a:hover,
    a:focus,
    a:active
        color: $header-color
    ul
        display: flex
        list-style: none
        margin: 0
        padding: 0
    a,
    span
        font-size: px2rem(18)
        line-height: px2rem(26)
        color: $header-color
    a:hover,
    a:focus
        color: $header-hover-color

    .dropdown-menu
        display: none
        background: $header-background-color
        padding-bottom: $spacing1
        padding-top: $spacing1
        inset: 100% 0 auto 0
        position: absolute

    .nav-level-1
        display: flex
        > li
            > a
                padding: $spacing1
            &:last-child a
                padding-right: 0
        li.has-children:hover
            .dropdown-menu
                display: block

    .nav-level-2
        @include media-breakpoint-up(md)
            @include container
            @include grid(4)
        > li
            &,
            & > a,
            & > span
                font-size: px2rem(16)
                line-height: px2rem(26)
                @include media-breakpoint-up(lg)
                    font-size: px2rem(18)

    .nav-level-3
        a,
        span
            font-size: px2rem(14)