diff --git a/css/index.css b/css/index.css
index 573bbcc..f410b74 100644
--- a/css/index.css
+++ b/css/index.css
@@ -45,6 +45,10 @@ a {
   background-color: rgba(255, 255, 255, 0.75);
 }
 
+.article h2{
+  font-size: 1.5rem;
+}
+
 /* Custom css allowing image styling in markdown */
 img[src*="#mx-auto"] {
   margin: auto;
diff --git a/templates/blogPage.html b/templates/blogPage.html
index d75d78a..8b3396b 100644
--- a/templates/blogPage.html
+++ b/templates/blogPage.html
@@ -2,13 +2,13 @@
 {% block content %}
 
 <!-- Default page template for blog posts and basic informative markdown files -->
-<main>
+<main class="container mx-auto mt-10">
 
 <div class="sm:w-5/6 md:w-4/5 mr-auto ml-auto px-6 lg:px-16 xl:w-11/12 py-12">
 <img class="max-h-60 sm:max-h-60 md:max-h-80 lg:max-h-96 mx-auto" src={{"/" ~ page.extra.imgPath}} alt="">
 <div>
     <article class="article lg:w-5/6 mx-auto">
-    <h2 class="tracking-tight pt-8 lg:pt-8 2xl:pt-24 text-left fw-500 leading-snug font-normal mb-10">
+    <h2 class="tracking-tight pt-2 lg:pt-8 text-left fw-500 leading-snug font-normal mb-4">
         {{ page.title }} 
     </h2>
     <h4 class="text-sm not-italic font-light leading-6 text-gray-600"> 
diff --git a/templates/partials/blogPosts.html b/templates/partials/blogPosts.html
index a5b299a..11bf809 100644
--- a/templates/partials/blogPosts.html
+++ b/templates/partials/blogPosts.html
@@ -2,7 +2,7 @@
 
 <div class="font-sans text-center px-0 md:w-full md:w-2/3 lg:w-2/3 mx-8 md:mx-12">
   <h1
-    class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
+    class="tracking-tight text-left text-2xl mt-4 sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
   >
   {% set path_array = current_path | split(pat="/") %}
   {% set taxonomy = path_array[1] %}
diff --git a/templates/partials/featuredBlog.html b/templates/partials/featuredBlog.html
index 0592ec7..5f3f5cf 100644
--- a/templates/partials/featuredBlog.html
+++ b/templates/partials/featuredBlog.html
@@ -10,7 +10,7 @@
 <body>
 
   <div class="md:grid md:grid-cols-2 md:gap-8 relative mt-16 lg:mt-16 items-center container mx-auto">
-    <div class="relative lg:ml-8 my-8 w-full md:w-auto">
+    <div class="relative lg:ml-8 my-8 w-full mx-4 md:w-auto">
       <h3 class="text-base not-italic leading-6 text-gray-600">FEATURED POST</h3>
       <a href={{featured.permalink}} class="">
         <h2
@@ -24,8 +24,8 @@
 
     </div>
 
-    <div class="-mx-4 relative lg:mt-0 max-w-full">
-      <img class="relative mx-auto w-7/12 md:w-auto rounded md:max-w-full max-h-80" src=/{{featured.extra.imgPath}} alt="" />
+    <div class="mx-4 relative lg:mt-0 max-w-full">
+      <img class="relative mx-auto md:w-auto rounded md:max-w-full max-h-80" src=/{{featured.extra.imgPath}} alt="" />
     </div>
   </div>
 
