body
    background-color: #fff
    font-family: "Open Sans", Helvetica
    margin: 0
    padding: 0

.unibar
    padding: 20px
    border-bottom: 1px solid #ddd
    box-shadow: 2px 2px 5px #9c9c9c
    .logo
        font-size: 200%
    .userdata
        display: inline-block
        float: right
        padding: 12px

.wrapper
    min-height: 100vh

.show-promo
    display: inline-block
    width: 200px
    text-align: center
    margin: 5px
    vertical-align: text-top
    .artwork
        max-width: 180px
        max-height: 260px

.blocklayout
    .block
        margin: 15px
        box-shadow: 2px 2px 5px #9c9c9c
        h1
            background-color: #f5f5f5
            border: 2px solid #d0d0d0
            border-bottom: 0
            padding: 8px
            margin: 0
            word-wrap: break-word
        .content
            overflow: hidden
            border: 2px solid #d0d0d0
            padding: 10px
    &.columns
        position: relative
        overflow: hidden
        .column
            &.primary
                width: 80%
            &.smaller
                width: 20%
                float: right

@media all and (max-width: 800px)
    .logo
        font-size: 5vw !important
    .blocklayout
        &.columns
            .column
                position: initial
                display: block
                &.primary
                    width: initial
                &.smaller
                    display: none
        .block
            margin: 0
            margin-bottom: 10px
            border: none
            box-shadow: none
            .content, h1
                border: none
                .show-promo
                    display: block
                    margin: 5px auto