body.portfolio .content__inner {
  justify-content: flex-start;
  align-items: flex-start;
  max-height: calc(100vh - 130px);
  overflow-y: scroll;
}
body.portfolio .content__inner .portfolio {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  height: 100%;
  width: 100%;
}
body.portfolio .content__inner .portfolio .entry {
  flex: 0 0 calc(50% - 5px);
  padding: 20px;
}
body.portfolio .content__inner .portfolio .entry * {
  padding: 0;
}
body.portfolio .content__inner .portfolio .entry .screenshot {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  width: 100%;
}
body.portfolio .content__inner .portfolio .entry .screenshot.act {
  background-image: url(../images/thumb-act.png);
}
body.portfolio .content__inner .portfolio .entry .screenshot.ara {
  background-image: url(../images/thumb-ara.png);
}
body.portfolio .content__inner .portfolio .entry .screenshot.conrad {
  background-image: url(../images/thumb-conrad.jpg);
}
body.portfolio .content__inner .portfolio .entry .screenshot.gilbert {
  background-image: url(../images/thumb-gilbert.jpg);
}
body.portfolio .content__inner .portfolio .entry .screenshot.mechanical {
  background-image: url(../images/thumb-mechanical.jpg);
}
body.portfolio .content__inner .portfolio .entry .screenshot.penndutch {
  background-image: url(../images/thumb-penndutch.png);
}
body.portfolio .content__inner .portfolio .entry .details {
  padding: 10px 0;
}
body.portfolio .content__inner .portfolio .entry .details .name {
  display: block;
  padding-bottom: 10px;
}