/* Project portfolio page only. Kept separate from main.css. */
.project-portfolio-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}

.project-portfolio-card{
  overflow:hidden;
  padding:0 !important;
}

.project-portfolio-image{
  width:100%;
  height:260px;
  overflow:hidden;
  background:#0c2820;
  border-radius:18px 18px 0 0;
}

.project-portfolio-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  background:#0c2820;
}

.project-portfolio-content{
  padding:0 27px 27px;
}

@media(max-width:900px){
  .project-portfolio-grid{grid-template-columns:1fr}
}

@media(max-width:560px){
  .project-portfolio-image{height:220px}
  .project-portfolio-content{padding:0 20px 22px}
}