diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index d52f6f8..1b09f3b 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -48,13 +48,25 @@ const { title, pubDate, banner: cover, bannerAlt: coverAlt } = Astro.props;
 
 		.cover-box {
 			padding-top: 1em;
+			display: flex;
+			justify-content: center;
 		}
 
 		.cover-image {
 			border-radius: var(--image-radius);
-			margin-left: auto;
-			height: 100%;
-			width: 100%;
+		}
+
+		/* For mobile phones: */
+		@media only screen and (max-width: 768px) {
+			.cover-box {
+				display: block;
+				padding-top: 1em;
+			}
+
+			.cover-image {
+				height: 100%;
+				width: 100%;
+			}
 		}
 	</style>
 	<style is:global>
diff --git a/src/styles/global.css b/src/styles/global.css
index 62c0e3a..6e5b7e3 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -83,4 +83,8 @@ li img {
 	main {
 		min-width: 100%;
 	}
+
+	#title {
+		font-size: 5.9vw;
+	}
 }
\ No newline at end of file