projects.css

#wrapper {
	-webkit-column-width: 202px;
	-moz-column-width: 202px;
  	o-column-width: 202px;
  	-ms-column-width: 202px;
  	column-width: 202px;
}

columns {
	padding: 10px 0 0 15px;
}

.pin {
		display: inline-block;
  	padding: 20px;
  	border: 1px solid #ccc;
  	border-radius: 5px;
  	width: 230px;

}

.pin img {
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
}

.box {
		display: inline-block;
  	padding: 20px;
  	border: 1px solid #ccc;
  	border-radius: 5px;
}

@media (min-width: 960px) {
	#columns {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}

@media (min-width: 1100px) {
	#columns {
		-webkit-column-count: 5;
		-moz-column-count: 5;
		column-count: 5;
	}
}

.columns:hover .pin:not(:hover) {
	opacity: 0.4;
}