diff --git a/sass/_article.scss b/sass/_article.scss
index 9be5da9..5a50e09 100644
--- a/sass/_article.scss
+++ b/sass/_article.scss
@@ -18,8 +18,18 @@
 		transition: none;
 		margin: 0;
 	}
-}
 
-.banner-margin {
-	margin-top: 35vw;
+	& + h1 {
+		margin-block-start: 35vw;
+	}
+
+	@media only screen and (max-width: 480px) {
+		body:has(&) #site-nav {
+			margin-block-start: 50vw;
+		}
+
+		& + h1 {
+			margin-block-start: 2rem;
+		}
+	}
 }
diff --git a/templates/article.html b/templates/article.html
index 9473deb..b5e9580 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -11,7 +11,7 @@
 		</div>
 	{%- endif -%}
 
-	<h1 {% if page.extra.banner %}class="banner-margin"{%- endif -%}>{{ page.title }}</h1>
+	<h1>{{ page.title }}</h1>
 
 	{%- if page.date -%}
 		<small>