@media (max-width: 767px) {
                        .pragmata-article-section {
                          padding: 58px 0 64px !important;
                        }
                        .pragmata-article {
                          padding: 0 18px;
                        }
                        .pragmata-article__hero,
                        .pragmata-article__cards {
                          grid-template-columns: 1fr !important;
                        }
                        .pragmata-article__hero figure {
                          min-height: 300px !important;
                        }
                        .pragmata-article__hero > div {
                          padding: 24px !important;
                        }
                        .pragmata-article__hero div[style*="repeat(3,1fr)"] {
                          grid-template-columns: 1fr !important;
                        }
                      }