.portfolio-grid .project {
  overflow: hidden;
}

.portfolio-grid .project:hover:after {
  content: '';
  width: 100%;
  height: 999px;
  position: absolute;
  top: 0;
  background: rgba( 0, 0, 0, 0.5 );
  z-index: 1;
}

.portfolio-grid .project-header {
  display: block;
  background: none;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(30px);
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}

.portfolio-grid .project:hover .project-header {
  transform: translateY(0);
}

.portfolio-grid .project-title a,
.portfolio-grid .project-categories a {
  color: #fff;
  text-align: center;
}

.portfolio-grid .project-title a,
.portfolio-grid .project-categories a {
  color: #fff;
}

.portfolio-grid .project-title a,
.portfolio-grid .project-categories {
  text-align: center;
}