.display-projects-plugin {
	display: flex;
	justify-content: center;
  	align-items: center;
	flex-wrap: wrap;
	
	/*
	-webkit-animation: fadein 2s;
       -moz-animation: fadein 2s;
        -ms-animation: fadein 2s;
         -o-animation: fadein 2s;
            animation: fadein 2s;
	*/
}
.project-post-container {
	flex: 1;
	flex-grow: 1;
	padding: 10px;
	margin: 10px;
	/* border: 1px solid #f1f1f1; */
	transition: all .5s;
	transition-timing-function: ease-out;
	
}
.project-post-container:hover {
	transform: scale(1.05);
	/* box-shadow: 0px 0px 30px 0px rgba(200,200,200,0.2); */
}
.image-container a {

}
.image-container {
	min-width: 100px;
	min-height: 75px;
	margin: 0 auto;
	background-repeat: no-repeat;
  	background-size: contain;
	background-position: 50% 50%;
}

.project-post-container .tooltip {
  visibility: hidden;
  width: 120px;
  background-color: #eee;
  color: #333;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.project-post-container:hover .tooltip {
  visibility: visible;
}

.project-post-container .tooltip {
  width: 120px;
  bottom: 70%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.project-post-container .tooltip::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
}

.project-post-container .tooltip .name,
.project-post-container .tooltip .full-name {
	display: block;
}

.prog-filterbox {
	display: flex;
	flex-wrap: wrap;
}

.prog-filterbox > div {
	padding: 20px 30px;
}

/*
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
*/