.project-card-img
{
  width: 100%;
  height: auto;
  position: relative;
  box-shadow: -5px 5px 15px #888888;
}


.project-card-content-img
{
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient( to right,
  rgba(0, 0, 0, 0.85),
  transparent
  );
  padding-left: 50px;
  padding-top: 50px;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  color: #fff;
  margin: 0;
  overflow: hidden;
}

@media (width < 70em) {
  .project-card-content-img {
    padding-left: 10px;
    padding-top: 10px;
  }
}



.project-card-excerpt-img > p
{
    color: #ffcaf4;
    padding-right: 400px 
}

@media (width < 70em){
  .project-card-excerpt-img > p
  {
      padding-right: 100px 
  }
}

.project-card-tags-img{
  color: #feb9f0;
  font-style: italic;
}

.project-card-title-img{
  font-size:38pt;
  color: #fff;
}

@media (width < 70em) {
  .project-card-title-img{
  font-size:20pt;
}
.project-card-tags-img{
  display: none;
  font-size:12pt;
}
.project-card-excerpt-img > p
{
    font-size:12pt;
}

}



.project-card-image
{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}