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

/* Create three equal columns that floats next to each other */
.column {
	display: none; /* Hide all elements by default */
}

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

/* Content */
.content {
	padding: 10px 0;
	margin-bottom: 30px;
	outline-style: solid;
	outline-color: #E5DC7C;
	max-width: 255px;
	min-height: 280px;
}

.content h4 {
	text-align: center;
	color: #fff;
}

.content img {
	margin-bottom: 20px;
}

/* The "show" class is added to the filtered elements */
.show {
	display: block;
}

/* Style the buttons */
.btn {
	background: transparent none repeat scroll 0 0;
	border: none;
	outline: none;
	padding: 2px 5px;
	margin: 0 5px;
	cursor: pointer;
	color: #fff;
	font-size: 19px;
	outline-style: none;
}

.btn:hover {
	color: #E5DC7C;
	outline-style: none;
}

.btn.activate {
	color: #E5DC7C;
	outline-style: none;
}

#document-filter{
	margin: 0 auto;
	width: 100%;
	margin-bottom: 20px;
}