.avatar img,
.mini-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.availability {
  color: #777;
  font-size: 12.5px;
  margin-top: 22px;
}

.project-art { background: #f4f4f4; }
.project-art img { width: 100%; height: 100%; object-fit: cover; }
.dialog-content .project-art { max-height: none; }
.image-note { font-size: 12px; margin-top: 24px; }

.experience { border-top: 1px solid #00000014; margin-top: 64px; padding-top: 28px; }
.experience h2 { font-size: 15px; font-weight: 500; margin-bottom: 28px; }
.experience article { margin-bottom: 24px; }
.experience h3 { font-size: 14px; font-weight: 500; }
.experience h3 span { color: #888; font-weight: 400; margin-left: 10px; font-size: 12px; }
.experience article p { color: #666; font-size: 14px; margin-top: 5px; }
.experience article .experience-dates { color: #888; font-size: 12px; margin-top: 3px; }
.skills-summary { color: #777; font-size: 13px; margin-top: 28px; }

@media (max-width: 480px) {
  .experience h3 span { display: block; margin-left: 0; margin-top: 2px; }
}