.member-row {
	margin: 10px -16px;
}

.member-row,
.member-row > .column {
	margin-bottom: 5px;
	padding: 8px;
}

.member-row,
.member-row > .alumni-column {
	margin-bottom: 10px;
	padding: 10px;
}

/* Create four columns */
.column {
	float: left;
	width: 25%;
	display: none;
}

.alumni-column {
	float: left;
	width: 20%;
	display: none;
}

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

.member-content{
    padding: 2px 2px 10px 2px;
	cursor: pointer;
    border-radius: 12px;
	height: 400px;
}

.member-content img{
	border-radius: inherit;
	transition: all 0.3s ease;
	width: 100%;
}

.member-content img:hover{
	transform: translateY(-5px);
}

.member-content h3{
	margin: 11px 0px 0px 2px;
    color: #000000;
    font-size: 16px;
	font-weight: 500;
}

.member-content h5{
	margin: 5px  0px 8px 2px;
    color: #000000;
    font-size: 16px;
	font-weight: 400;
}

.member-content p{
	margin: 0 2px;
    color: #86868b !important;  
    font-size: 14px;
	font-weight: 400;
}




.alumni-content{
    padding: 2px 2px 10px 2px;
    border-radius: 12px;
	height: 400px;
}

.alumni-content img{
	border-radius: inherit;
	transition: all 0.3s ease;
	width: 100%;
}

.alumni-content h3{
	margin: 11px 0px 0px 2px;
    color: #000000;
    font-size: 16px;
	font-weight: 500;
}

.alumni-content h5{
	margin: 5px  0px 8px 2px;
    color: #000000;
    font-size: 13px;
	font-weight: 400;
}

.alumni-content p{
	margin: 0 2px;
    color: #86868b !important;  
    font-size: 12px !important;
	font-weight: 400;
}

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

/* Style the buttons */
.member-btn {
	border: none;
	outline: none;
	padding: 9px 20px;
	background-color: #fff;
	cursor: pointer;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.3s ease;
}

.member-btn:hover {
	color: #000;
	background: rgba(175, 175, 175, 0.2);
}

.member-btn.active {
    color: #000;
    border-radius: 5px;
	background: rgba(175, 175, 175, 0.2);
}

/* Responsive media query */

@media (max-width: 1200px) {
	.column {
		width: 33.33%;
	}

	.alumni-column {
		width: 25%;
	}
}

@media (max-width: 991px) {
	.column {
		width: 50%;
	}
	
	.alumni-column {
		width: 33.3%;
	}
}

@media (max-width: 767px) {
	.column {
		width: 100%;
	}

	.alumni-column {
		width: 50%;
	}

	.member-btn {
		padding: 11px 14px;
	}
	.member-content {
		height: 600px;
	}
	.member-content h3{
		font-size: 22px;
		margin: 15px 0px 0px 2px;
	}
	.member-content h5{
		font-size: 22px;
		margin: 5px  0px 15px 2px;
	}
	.member-content p{
		font-size: 20px !important;
	}

	.alumni-content {
		height: 400px;
	}
}