#nav-index
    width 100%
    max-width 900px
    margin 0 auto

    #nav-index-wrapper
        padding 0.75rem

        #nav-pages
            .nav-item
                display block
                width 98%
                background $primary
                border-radius 3px
                color $white
                height 30px
                padding 10px
                margin 0 0 10px 0
                font-size 1.5em
                cursor move

            label
                display inline-block
                vertical-align middle
                padding 0
                margin -15px 0 0 10px
                cursor move

            #nav-btns
                float right

                button
                    font-size 0.8em
                    margin 0 0 0 10px

@media only screen and (max-width: 375px)
    #nav-index
        #nav-index-wrapper
            #nav-pages
                .nav-item
                    width 94.5%
                    font-size 1em

                    label
                        width 47%
                        vertical-align top
                        margin-top 0px
                        line-height 1em

@media only screen and (max-width: 320px)
    #nav-index
        #nav-index-wrapper
            #nav-pages
                .nav-item
                    width 94.5%
                    font-size 1em

                    label
                        width 37%
                        vertical-align top
                        margin-top 0px
                        line-height 1em
