@media screen and (max-width: 1200px)
{
    .articles { width: calc(100% - 6.4rem); padding: 6.4rem 0; }

    .header .header-container { padding: 1.6rem 3.2rem; }
    .main { margin-top: 10.2rem; }
    .footer .footer-newsletter .footer-newsletter-container { width: calc(100% - 6.4rem); padding: 6.4rem 0; }
    .footer .footer-container { width: calc(100% - 6.4rem); padding: 6.4rem 0 3.2rem 0; }
    .footer .footer-container .footer-container-watermark img { width: 40rem; }
    .footer .footer-developer { width: calc(100% - 6.4rem); }

    .page-default .default-container .default-container-hero .default-container-hero-container { width: calc(100% - 6.4rem); padding: 3.2rem 0 6.4rem 0; }

    .page-articles .articles-container .articles-container-header { padding-bottom: 3.2rem; gap: 1.6rem; }

    .page-article .article-container { width: calc(100% - 6.4rem); gap: 3.2rem; }
    .page-article .article-container .article-container-header { padding: 3.2rem 0; gap: 1.6rem; }
    .page-article .article-container .article-container-description { padding-top: 3.2rem; }
    .page-article .article-container .article-container-ads { padding: 2.4rem 3.2rem; }
    .page-article .article-related { padding-top: 6.4rem; margin-top: 6.4rem; }
    .page-article .article-related .h2 { width: calc(100% - 6.4rem); }
}

@media screen and (max-width: 992px)
{
    .articles { width: calc(100% - 4.8rem); padding: 4.8rem 0; }
    .articles .articles-items .articles-items-item .articles-items-item-content { padding: 2.4rem; }

    .header .header-container { padding: 1.6rem 2.4rem; }
    .header .header-container .header-container-menu { display: none; }
    .header .header-container .header-container-shortcuts { margin-left: auto; }
    .header .header-container .header-container-button-mobile { display: flex; }
    .main { margin-top: 9.4rem; }
    .footer .footer-newsletter .footer-newsletter-container { width: calc(100% - 4.8rem); padding: 4.8rem 0; }
    .footer .footer-container { width: calc(100% - 4.8rem); padding: 4.8rem 0 2.4rem 0; }
    .footer .footer-container .footer-container-watermark img { width: 24rem; }
    .footer .footer-developer { width: calc(100% - 4.8rem); }

    .page-default .default-container .default-container-hero .default-container-hero-container { width: calc(100% - 4.8rem); padding: 2.4rem 0 4.8rem 0; }

    .page-articles .articles-container .articles-container-header { padding-bottom: 2.4rem; gap: 1.2rem; }

    .page-article .article-container { width: calc(100% - 4.8rem); gap: 2.4rem; }
    .page-article .article-container .article-container-header { padding: 2.4rem 0; gap: 1.2rem; }
    .page-article .article-container .article-container-description { padding-top: 2.4rem; }
    .page-article .article-container .article-container-ads { padding: 2.4rem; }
    .page-article .article-related { padding-top: 4.8rem; margin-top: 4.8rem; }
    .page-article .article-related .h2 { width: calc(100% - 4.8rem); }
}

@media screen and (max-width: 768px)
{
    .pagination { flex-direction: column; }

    .h1 { font-size: 2.4rem; line-height: 3.2rem; }

    .articles .articles-items .articles-items-item { width: calc(50% - 1.2rem); }

    .footer .footer-container { flex-wrap: wrap; }
    .footer .footer-container .footer-container-about { order: 1; }
    .footer .footer-container .footer-container-watermark { order: 3; width: 100%; }
    .footer .footer-container .footer-container-links { order: 2; }

    .page-default .default-container .default-container-hero .default-container-hero-container .h1 { font-size: 3rem; line-height: 3.6rem; }

    .page-article .article-container .article-container-header .h1 { width: 100%; }
    .page-article .article-container .article-container-header p { flex-wrap: wrap; justify-content: center; text-align: center; }
    .page-article .article-container .article-container-description { width: 100%; font-size: 1.5rem; }
    .page-article .article-container .article-container-description table, .page-article .article-container .article-container-description table thead, .page-article .article-container .article-container-description table tbody, .page-article .article-container .article-container-description table tr, .page-article .article-container .article-container-description table td { display: block; width: 100%; }
    .page-article .article-container .article-container-description table thead { display: none; }
    .page-article .article-container .article-container-description table td::before { content: attr(data-label); display: block; color: var(--color-text); }
    .page-article .article-container .article-container-ads { width: 100%; }
    .page-article .article-container .article-container-share { width: 100%; flex-direction: column; gap: 1.2rem; }

    .error .error-container { margin: 1.6rem; }
}

@media screen and (max-width: 576px)
{
    .articles .articles-items .articles-items-item { width: 100%; }

    .header .header-container .header-container-shortcuts { display: none; }
    .footer .footer-newsletter .footer-newsletter-container .h1 { max-width: 100%; }
    .footer .footer-newsletter .footer-newsletter-container .h4 { max-width: 100%; }
    .footer .footer-newsletter .footer-newsletter-container .footer-newsletter-container-subscribe { flex-direction: column; gap: .8rem; }
    .footer .footer-newsletter .footer-newsletter-container .footer-newsletter-container-subscribe > button { width: 100%; }
    .footer .footer-container .footer-container-about { width: 100%; align-items: center; text-align: center; }
    .footer .footer-container .footer-container-watermark { width: 100%; }
    .footer .footer-container .footer-container-links { width: 100%; text-align: center; }
    .footer .footer-container .footer-container-links ul { align-items: center; }
}