#bm-content
    width 100%
    max-width 1024px
    margin 0 auto
    #header-one, #header-two
        label#the-title 
            a(href="/") thetwelfthhouse
    #header-two
        font 400 1.5em $bodyType
    #bookmark-display
        padding 0
        .bookmark-list
            .bookmark-entry
              background lightness($primary, 15%)
              width 50%
              height 500px
              background-size cover
              overflow hidden
              display inline-block
              vertical-align top
              //border-radius 3px
              padding 10px      
              .bookmark-info
                display flex
                align-items center
                justify-content center
                width 100%
                height 100%
                label
                  display block
                  font-size .5em
                  padding 10px
                  background $primary
                  border-radius 5px
            #paginate-control
                width 100%
                height 300px
                background lightness($primary, 30%)
                display: flex;
                align-items: center;
                justify-content: center;
                
                #paginate

                    margin 0 auto 
                    a, label
                        display inline-block
                        vertical-align top
                    label
                        padding 5px
                        color $tertiary
                        font-size 2.2em
                    a
                        padding 20px
                        margin-top 4px
                        

/**
-------------------------------
-- Responsive
-------------------------------
**/

@media only screen and (max-width: 768px)
  #bm-content
    #bookmark-display
        .bookmark-list
            .bookmark-entry
                width 100%
        

