/* Content photographs: one third of the row on desktop, contained, not stretched.
   Header logo, menu icon, quote-form controls, client logos and gallery thumbnails are not in .is-photo-third. */

@media (min-width: 992px) {
  .is-photo-third,
  .repair-photo-col,
  .wf-photo,
  .acp-photo,
  .neon-photo,
  .brand-photo,
  .glow-hero-col {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    width: 33.333333%;
  }

  .is-photo-third img,
  .repair-photo-col img,
  .wf-photo img,
  .acp-photo img,
  .neon-photo img,
  .brand-photo img,
  .glow-hero-col img,
  #hero .hero-img img,
  .mfg-hero img,
  .mfg-step img,
  .mfg-card img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }

  #hero .col-lg-8.order-lg-2 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    width: 66.666667%;
  }

  .mfg-hero-grid,
  .mfg-step {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }

  /* Safety net when a content photo is still a direct child of the copy. */
  article.svc-copy > img,
  .svc-copy > img {
    display: block;
    float: left;
    width: 33%;
    max-width: 33%;
    height: auto;
    margin: 0 1.25rem 1rem 0;
    object-fit: contain;
    object-position: center;
  }
}

@media (max-width: 991.98px) {
  .is-photo-third,
  .repair-photo-col,
  .wf-photo,
  .acp-photo,
  .neon-photo,
  .brand-photo,
  .glow-hero-col,
  #hero .hero-img,
  .mfg-hero-media {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .is-photo-third img,
  #hero .hero-img img {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    object-fit: contain;
    object-position: center;
  }

  .mfg-hero img,
  .mfg-step img,
  .mfg-card img,
  article.svc-copy > img,
  .svc-copy > img {
    display: block;
    float: none;
    width: calc(100% - 2.5rem);
    max-width: calc(100% - 2.5rem);
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
    object-position: center;
  }
}