.clear {
  clear: both;
  float: none;
  width: 100%;
}

/* Content */
.gallery1, .gallery2, .gallery3, .gallery4 {
    background-color: #fff;
    margin-right: 7px;
	margin-top: 10px;
	padding: 8px 10PX 8PX 8PX;
    -webkit-box-shadow: 2px 1px 5px 0px rgba(47, 3, 17, 0.31);
    -moz-box-shadow:    2px 1px 5px 0px rgba(47, 3, 17, 0.31);
    box-shadow:         2px 1px 5px 0px rgba(47, 3, 17, 0.31);
	max-width: 400px;
    border: 3px solid #eee;
	}
.gallery1 img, .gallery2 img, .gallery3 img, .gallery4 img {
 
    border: 1px solid #fff;
	
	}	
.description {
    border: 1px solid #fff;
    background-image:url('../images/1.png');
    padding: 7px 12px 5px 10px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(47, 3, 17, 0.31);
    -moz-box-shadow:    1px 1px 3px 0px rgba(47, 3, 17, 0.51);
    box-shadow:         1px 1px 3px 0px rgba(47, 3, 17, 0.51);
	}
.row {
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
    padding: 1px 1px 5px 3px;
}

/* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 25%;
}

/* Clear floats after rows */ 
.row:after {
    content: "";
    display: table;
    clear: both;
}



/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 900px) {
    .column {
        width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 420px) {
    .column {
        width: 100%;
    }
}