///mediaquery

//992px __________________________________________________________________________________________________________
@media only screen and (min-width: 992px)
    body
        width: 61.75em
    img
        width: auto !important
    header[role="banner"]
        margin-top: 5.5em
        h1
            width: 190px
        nav[role="navigation"]
            margin-left: 8%
    .archive
        padding-top: 2em
        article
            margin-bottom: 2em
            padding-bottom: 2em
            border: none
        h1
            width: 42%
            font-size: 1.5em
            line-height: 1.3em
            margin-top: .15em
            margin-bottom: .25em
            letter-spacing: .5px
        p
            line-height: 1.5em
        img
            float: right
        .hyphenate, .dateline
            width: 41%
        .hyphenate
            font-size: 1em
            
    //individual posts
    .single
        article
            margin-left: 20%
    .picwide 
        clear: both
        margin: 30px 0 30px -200px
    .pullquote
        margin-left: -6em
    #page-navigation
        margin-left: auto
        margin-right: auto
    
    .home 
        .sh
            text-align: left
        article
            width: 19em
            float: left
            margin-right: 2em
            clear: none
        .last
            margin-right: 0
        .post-image
            float: left 
            margin: 20px 8px 8px 0
        .hyphenate, .dateline
            width: auto
            text-align: left
        .hyphenate
            text-align: justify
    // specifics for two column posts
    .double article[role="main"]
        header
            width: 10em
            float: left
            margin-left: 0
            margin-top: 1em
            h1, aside
                text-align: right
                line-height: 1.2em
            h1
                font-size: 1.875em
        .col
            width: 47%
            margin-left: .875em
        .sec
            margin-left: 0
        .post-body-double
            margin: 2em 0 0 1.25em
            float: left
            width: 48.75em
            p
                margin: 0 0 1em 0
            .narrow
                width: 35.625em
                margin-bottom: 1em
                clear: both
                margin-left: 1em
            .hyphenate
                margin-top: 0
        //#page-navigation
        //    margin-left: 12em
    //maps
    #map-canvas
        width: 48.5em
        height: 31.25em
        float: right
        margin-bottom: 3em
    .map-legend
        ul
            margin-bottom: 1em
        h4
            margin-bottom: .3em
            letter-spacing: 1px
            font-size: .75em
            text-transform: uppercase
        li
            display: block
            font-size: .875em
            margin: 2px 0
        li:after
            content: ""
    .two
        margin-left: 3em
        width: 51%
    .black
        #slides
            width: 62.5em 
            img
                width: auto
        .directions
            display: block
            font: normal .675em Helvetica, Verdana, sans-serif
            color: #414144
            text-align: center
            margin-bottom: 1.75em
        .caption
            width: 70% !important
        .map-container
            margin-left: 17em

    //The new guide section
    .guide
        .intro
            margin-bottom: 2.5em
        .formatted
            column-count: 3
            column-gap: 1.5em
            -moz-column-count: 3
            -moz-column-gap: 24px
            -webkit-column-count: 3
            -webkit-column-gap: 1.5em
        img
            border: 8px $brown solid
        .date, .meta
            float: left
        .meta
            line-height: 18px
        .tags
            margin: 20px 0 10px 0
        .guide-dek
            padding: 0
            width: 610px
            float: right
            h1
                margin: 0 !important
        article:after, .intro:after
            content: "."
            display: block
            height: 0
            clear: both
            visibility: hidden