#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