/* Shared styles come from base.css and airpark.css. */
/* Only the Main Museum hero background differs. */

.main-museum .museum-hero {
  position: relative;
  background:
    linear-gradient(
      180deg,
      rgba(7, 27, 51, 0.14) 0%,
      rgba(7, 27, 51, 0.24) 36%,
      rgba(7, 27, 51, 0.8) 70%,
      rgba(7, 27, 51, 0.98) 100%
    ),
    url("https://upload.wikimedia.org/wikipedia/commons/3/38/USS_Macon_inside_Hangar_One.jpg") center 48% / cover no-repeat;
}

.main-museum .exhibit-media {
  width: 140px;
  min-width: 0;
}

.main-museum .exhibit-media .photo-credit {
  padding: 3px 1px 0;
  background: transparent;
  font-size: 9px;
  line-height: 1.2;
  text-align: left;
}

.main-museum .exhibit-image img.focus-top {
  object-position: center 24%;
}

@media (max-width: 360px) {
  .main-museum .exhibit-media {
    width: 115px;
  }
}

@media (min-width: 768px) {
  .main-museum .exhibit-media {
    width: 220px;
  }
}