/* Community Share Now banner. */

.community-page .community-share-now {
  --community-share-now-image-width: 100%;
  background-color: #ffffff;
}

@media (max-width: 639px) {
  .community-page .community-share-now {
    margin-top: 12px;
  }
}

.community-page .community-share-now .community-share-now__image {
  display: block;
  width: var(--community-share-now-image-width);
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 960px) and (max-width: 1679px) {
  .community-page .community-share-now > .container {
    width: 70%;
  }
}