a:focus {
  outline: none;
}

.portfolioFilter {
  padding: 3% 0;
      text-align: center;
}

.portfolioFilter a {
  margin-right: 6px;
  color: #666;
    font-size: 17px;

  text-decoration: none;
  border: none;

  padding: 4px 15px;
  border-radius: 0px;
  display: inline-block;
}
.portfolioFilter a:hover {
	color: #666;
	background-color: #222;
}
.portfolioFilter a.current {
  background: #F21623;
  border: none;
  color: #fff;
}
.portfolioContainer{
  border-radius: 3px;
	display: flex;
		flex-wrap: wrap;
		justify-content: center;
}

img {
  margin: 5px;
  max-width:100%;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
  display: flex;
		flex-wrap: wrap;
		justify-content: center;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
  display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}