.assoc-item {
	display: inline-block;
	float: left;
	width: calc(25% - 6px);
	position: relative;
	padding: 5px;
	margin: 3px;
	box-shadow: 0px 0px 4px #c9c9c9;
	border: 1px solid #9f9f9f;
}
/*
.assoc-item:hover {
	color: #2E3F00;
	background: 0;
	background-color: #9CD209;
	text-shadow: 0 1px 0 #B3EC18;
	border: 1px solid #7BA607;
	cursor: pointer;
}
*/

.assoc-imagewrapper {
	margin-right: 5px;
	height: 130px;
	z-index: 2;
	display: block;
}
.assoc-imagewrapper img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}
.assoc-textwrapper {
	text-align: center;
	height: 52px;
	padding-top: 6px;
	display: block;
}
.assoc-textwrapper h2 {
	font-size: 13px;
	border: 0;
}


.assoc-item-adminbuttons {
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
}
.assoc-item:hover .assoc-item-adminbuttons {
	display: block;
}
.assoc-item-adminbuttons>i {
	background: rgba(0,0,0,0.3);
    color: #e3e3e3;
    padding: 10px;
    float: left;
    transition: all 0.2s;
}
.assoc-item-adminbuttons>i:hover {
	cursor: pointer;
    color: #ffffff;
    background: rgba(0,0,0,0.7);
}



@media screen and (max-width: 767px) {
	.assoc-item {
		width: calc(100%);
		margin: 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.assoc-item {
		width: calc(50% - 6px);
	}
}