/* Add any valid CSS declarations */

#footer .block-title {
  text-align: center;
  padding: 0 10px;
}
.views-view-grid .node-teaser {
border: 0;
padding: 0;
margin: 0;
}
.views-view-grid td {
vertical-align: top;
}

.views-column {
  float: left;
  width: 24%;
}

@media screen and (max-width: 600px) {
    /* change Grid 4 to 2-column */
    .views-column {
        width: 48.4%;
    }
    .views-column:nth-of-type(3n+1) {
        margin-left: 2%;
        clear: none;
    }
    .views-column:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left;
    }
    /* change Grid 3 to 2-column */
    .views-column {
        width: 48.4%;
    }
    .views-column:nth-of-type(3n+1) {
        margin-left: 3.2%;
        clear: none;
    }
    .views-column:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left;
    }
}