@charset "utf-8";

body {
    padding-bottom: 0;
    background-color: #CCC;
}

.items {
    width: 350px;
    /*margin: 0 8px 14px 0;
	padding: 10px;*/
    float: left;
    border: 1px solid #DDD;
    background: #EEE;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkil-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

    .items img {
        max-width: 350px;
        width: expression(document.body.clientWidth > 350?"350px":"auto" );
        display: block;
        border: 0;
    }

    .items p {
        text-align: center;
        margin-top: 5px;
        width: 350px;
    }

        .items p a {
            color: #000;
            font-weight: bold;
        }

@media (max-width:700px) {

    body {
        padding-bottom: 0;
        background-color: #fff;
        font-size: 16px;
    }

    .navbar-fixed-top {
        margin-bottom: 0px;
    }

    .items {
        width: 100%;
        border: 0px;
        background: none;
        -moz-box-shadow: none;
        -webkil-box-shadow: none;
        box-shadow: none;
    }

    .items, .masonry-brick {
        margin: 10px auto;
        padding-bottom: 5px;
        float: none;
    }

        .items img {
            max-width: 350px;
            width: expression(document.body.clientWidth > 350?"350px":"auto" );
            display: block;
            margin: 0 auto;
            border: 0;
        }

        .items p {
            text-align: left;
            margin: 10px auto;
            width: 350px;
        }

            .items p a {
                color: #000;
                font-weight: normal;
            }
}