.contact-form { max-width: 720px; }
.contact-field { margin-bottom: 24px; }
.contact-field label { display: block; font-weight: 600; margin-bottom: 8px; }
.contact-form .hint { font-size: 14px; line-height: 1.6; color: var(--text-secondary); margin-top: 8px; }
.contact-form .errorlist, .contact-errors p { color: var(--warning-color); }
.contact-form .errorlist { padding-left: 20px; }
#contact { scroll-margin-top: 24px; }
.guide-about-art,
.guide-about-art-mobile {
  aspect-ratio: 670 / 1180;
  background-color: var(--text-primary);
  -webkit-mask: url("../img/joboy_coach.69287b2f15bc.svg") center / contain no-repeat;
  mask: url("../img/joboy_coach.69287b2f15bc.svg") center / contain no-repeat;
}
.guide-about-art-mobile { display: none; }

@media (max-width: 700px) {
  .guide-about-art {
    display: none;
  }
  .guide-about-art-mobile {
    display: block;
    float: left;
    width: 30%;
    max-width: 120px;
    height: auto;
    margin: 6px 20px 12px 0;
  }
  .guide-about-copy > .guide-link {
    display: block;
    clear: both;
  }
}