/* OJS homepage image shrinker
   Use this when the large graphic under the menu is the Homepage Image,
   not the masthead Logo.
*/

/* OJS default theme makes homepage image full width by default.
   Override it to behave like a small left-aligned logo. */
.pkp_page_index .homepage_image,
.homepage_image {
  margin: 0 !important;
  text-align: left !important;
}

.pkp_page_index .homepage_image img,
.homepage_image img {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: 24px !important;
}

@media (min-width: 992px) {
  .pkp_page_index .homepage_image {
    margin-top: 0 !important;
  }
}