@media (max-width: 700px) {
  /*
     * Zdjęcia kart na stronie głównej bloga
     * oraz zdjęcia wewnątrz artykułów.
     */
  body article img,
  body .blog-post img,
  body .blog-article img,
  body .blog-content img,
  body .article-content img,
  body .article-body img,
  body .post-content img,
  body .entry-content img,
  body .blog-card img,
  body .post-card img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;

    margin-right: auto !important;
    margin-left: auto !important;

    box-sizing: border-box !important;

    object-fit: contain !important;
    object-position: center !important;

    transform: none !important;
  }

  /*
     * Kontenery zdjęć nie mogą wychodzić poza ekran.
     */
  body article figure,
  body .blog-post figure,
  body .blog-article figure,
  body .blog-content figure,
  body .article-content figure,
  body .article-body figure,
  body .post-content figure,
  body .entry-content figure,
  body .blog-card figure,
  body .post-card figure {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /*
     * Obrazy z wymiarami zapisanymi bezpośrednio w HTML.
     */
  body article img[width],
  body .blog-post img[width],
  body .blog-article img[width],
  body .blog-content img[width],
  body .article-content img[width],
  body .article-body img[width],
  body .post-content img[width],
  body .entry-content img[width] {
    width: 100% !important;
  }

  body article img[height],
  body .blog-post img[height],
  body .blog-article img[height],
  body .blog-content img[height],
  body .article-content img[height],
  body .article-body img[height],
  body .post-content img[height],
  body .entry-content img[height] {
    height: auto !important;
  }

  /*
     * Kontenery treści pozostają w granicach ekranu.
     */
  body article,
  body .blog-post,
  body .blog-article,
  body .blog-content,
  body .article-content,
  body .article-body,
  body .post-content,
  body .entry-content,
  body .blog-card,
  body .post-card {
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
  }
}

.container {
  max-width: 900px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.article-content__wrap {
  max-width: 1100px;
  margin: 0 auto;
}

.hero-wide__wrap {
  max-width: 1100px;
  margin: 0 auto;
}

.article-content p,
.article-content li {
  line-height: 1.7;
  font-size: 16px;
  text-align: justify;
  hyphens: auto;
}

.article-content ul {
  padding-left: 20px;
  margin-bottom: 20px;
}