/* Works-page typography for browsers at 100% zoom. */
.is-works #app .works-original-nav a,
.is-works #app .works-original-nav a span {
  font-size: 20px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.is-works #app .portfolio-intro-title h2 {
  font-size: 24px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.is-works #app .portfolio-intro-title span {
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

.is-works #app .portfolio-section-intro .portfolio-intro-copy {
  font-size: 18px !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
}

.is-works #app .portfolio-card-meta,
.is-works #app .portfolio-card-meta span,
.is-works #app .portfolio-card-meta time {
  font-size: 18px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.is-works #app .portfolio-entry-card .portfolio-entry-info h3 {
  font-size: 22px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.is-works #app .portfolio-entry-card .portfolio-entry-info p {
  font-size: 16px !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}

.is-works #app .project-detail-link,
.is-works #app .project-detail-link b {
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 820px) {
  .is-works #app .works-original-nav a,
  .is-works #app .works-original-nav a span { font-size: 16px !important; }
  .is-works #app .portfolio-intro-title h2 { font-size: 22px !important; }
  .is-works #app .portfolio-section-intro .portfolio-intro-copy { font-size: 16px !important; }
  .is-works #app .portfolio-entry-card .portfolio-entry-info h3 { font-size: 20px !important; }
  .is-works #app .portfolio-entry-card .portfolio-entry-info p,
  .is-works #app .project-detail-link { font-size: 15px !important; }
}