@media only screen and (min-width: 1025px) {
    .gallery {
        margin-bottom: 0px;
    }

    .gallery .column {
        float: right
    }

    .gallery .col-md-3 {
        width: 29%
    }

    .gallery .firstColumn {
        float: right;
        margin-bottom: 0px;
    }


}

/*		1024 up to Layout: 1024px (20em).*/

@media only screen and (min-width: 991px) and (max-width: 1024px) {

    .row {
        border: 0px solid red;
    }

    .gallery {
        margin-bottom: 0px;
    }

    .gallery .column {
        float: right
    }

    .gallery .col-md-3 {
        width: 29%
    }

    .gallery .firstColumn {
        float: right;
        margin-bottom: 20px;
    }



}

/*		Tablet Layout: 320px (20em).*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .row {
        border: 0px solid green;
    }

    .gallery {
        margin-bottom: 0px;
    }

    .gallery .column {
        float: left
    }

    .gallery .col-md-3 {
        width: 50%
    }

    .gallery .firstColumn {
        float: none;
        width: 90%;
        clear: both;
        margin-bottom: 20px;
    }



}

@media only screen and (min-width: 481px) and (max-width: 768px) {

    .row {
        border: 0px solid blue;
    }

    .gallery {
        margin-bottom: 0px;
    }

    .gallery .column {
        float: left
    }

    .gallery .col-md-3 {
        width: 50%
    }

    .gallery .firstColumn {
        float: none;
        width: 90%;
        clear: both;
        margin-bottom: 20px;
    }

    .navbar-header h3 {
        display:none;
    }

    .social {
        border: 0px solid red;
        position: relative;
        top: 22px;
        margin-right: 0px;
    }

}

/*		Wide Mobile Layout: 480px (30em).*/

@media only screen and (min-width: 321px) and (max-width: 481px) {

    .row {
        border: 0px solid orange;
    }

    .navbar-header h1 {
        /* header date */
        margin-right: 10px;
    }

    .navbar-header h3 {
        /* header date */
        display: none
    }

    .gallery {
        margin-bottom: 0px;
    }

    .gallery .column {
        float: left
    }

    .gallery .col-md-3 {
        width: 90%
    }

    .gallery .col-md-3:nth-child(2) {
        display: none
    }

    .gallery .firstColumn {
        margin-bottom: 20px;
    }

    .page-header {
        border-bottom: 1px solid #eee;
        margin: 80px 0 20px;
        padding-bottom: 9px;
    }

    .social {
        border: 0px solid green;
        float: left;
        position: relative;
        top: 0px;
        margin-top: 22px;
        margin-right: 0px;
    }

}

@media only screen and (max-width: 320px) {

    .row {
        border: 0px solid orange;
    }

    .navbar-header h3 {
        display: none
    }

    .gallery {
        margin-bottom: 0px;
    }

    .gallery .column {
        float: left
    }

    .gallery .col-md-3 {
        width: 90%
    }

    .gallery .col-md-3:nth-child(2) {
        display: none
    }

    .gallery .firstColumn {
        margin-bottom: 20px;
    }


}