diff --git a/wp-content/themes/hantico/assets/css/style.css b/wp-content/themes/hantico/assets/css/style.css
index 77de592..48dd6a6 100644
--- a/wp-content/themes/hantico/assets/css/style.css
+++ b/wp-content/themes/hantico/assets/css/style.css
@@ -6111,6 +6111,52 @@ h4 {
     font-weight: 600;
 }
 
+@media (max-width: 1279.98px) {
+  .h-article-hero{
+    min-width: 100%;
+  }
+
+  .h-article-hero__container{
+    width: 100%;
+
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+  .h-article-hero__image,
+  .h-article-hero__picture{
+    min-width: auto;
+    min-height: auto;
+
+    width: 100%;
+  }
+}
+
+@media (max-width: 550px) {
+  .h-article-hero__meta{
+    flex-direction: column;
+    align-items: start;
+  }
+  .h-article-hero__meta-item {
+    width: 300px;
+  }
+
+  .h-article-hero__meta-item:first-child {
+      padding-left: 20px;;
+  }
+
+  .h-article-hero__meta-item + .h-article-hero__meta-item {
+    border-left: none;
+  }
+
+  .h-article-hero__title{
+    font-size: 28px;
+  }
+  .h-article-hero__description{
+    font-size: 16px;
+  }
+}
+
 .h-attention {
     --attention-color: var(--color-red);
     --attention-bg: color-mix(in srgb, var(--color-red) 8%, var(--color-light));