.project-tabs {
  margin-top: 3vh;
}

.development-showcase img {
  object-position: center !important;
}

.project-gallery[hidden] {
  display: none;
}

.development-showcase figcaption {
  gap: 5px;
  padding: 10px 11px 12px;
}

.development-showcase figcaption strong {
  color: #101216;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.development-showcase figcaption span {
  color: #171a1f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.45;
}

.screenshot-viewer__image img {
  object-fit: contain;
  object-position: center !important;
}

.screenshot-viewer__copy strong {
  color: #101216;
  font-size: 18px;
  font-weight: 800;
}

.screenshot-viewer__copy span {
  color: #171a1f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.screenshot-viewer__image {
  height: calc(100% - 122px);
}

.screenshot-viewer__copy {
  height: 122px;
  padding: 18px 22px;
}

@media (max-width: 700px) {
  .project-tabs {
    margin-top: 2vh;
  }

  .development-showcase figcaption strong {
    font-size: 9px;
  }

  .development-showcase figcaption span {
    display: block;
    font-size: 8px;
  }

  .screenshot-viewer__copy strong {
    font-size: 14px;
  }

  .screenshot-viewer__copy span {
    font-size: 12px;
  }

  .screenshot-viewer__image {
    height: calc(100% - 118px);
  }

  .screenshot-viewer__copy {
    height: 118px;
  }
}