diff --git a/css/index.css b/css/index.css
index 2210f78..1819793 100644
--- a/css/index.css
+++ b/css/index.css
@@ -143,6 +143,14 @@ img[src*="#fig"] {
     border-2
     shadow
   }
+
+  article h2{
+    @apply text-xl lg:text-3xl font-medium
+  }
+
+article p ,li{
+  @apply text-base lg:text-lg
+}
 }
 
 a:hover{
@@ -363,6 +371,7 @@ header {
 .header:hover .back {
   transform: none;
 }
+
 @media (max-width: 768px) {
   /* h2 {
     font-size: 4rem;
diff --git a/templates/blogPage.html b/templates/blogPage.html
index 86bd9d5..85f09a1 100644
--- a/templates/blogPage.html
+++ b/templates/blogPage.html
@@ -24,11 +24,11 @@
 
     <div>
       <article class="article lg:w-4/6 mx-auto">
-        <h1 class="lg:text-5xl text-2xl font-medium leading-none mt-0  text-gray-700">
+        <h1 class="lg:text-4xl text-2xl font-medium leading-none mt-0  text-gray-700">
           {{ page.title }}
         </h1>
 
-        <h4 class="lg:text-2xl text-base text-gray-600 leading-8">
+        <h4 class="lg:text-xl text-base text-gray-600 leading-8">
           {{ page.description }}
         </h4>
         <section class="post-author-list mb-3 mx-0">
diff --git a/templates/newsPage.html b/templates/newsPage.html
index 69debfe..50aab42 100644
--- a/templates/newsPage.html
+++ b/templates/newsPage.html
@@ -34,14 +34,14 @@
 <!-- Default page template for news posts and basic informative markdown files -->
 <main>
 
-  <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-16 lg:w-4/6">
+  <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-2 lg:pt-16 lg:w-4/6">
 
     <div class="pt-8">
       <section class="post-header container mx-auto px-0 mb-4 border-b">
-        <h1 class="lg:text-5xl text-2xl font-medium leading-none mt-0">
+        <h1 class="lg:text-4xl text-2xl font-medium leading-none mt-0">
           {{ page.title }}
         </h1>
-        <div class="lg:text-2xl text-base pt-4 pb-10 text-gray-700">{{ page.description }}</div>
+        <div class="lg:text-xl text-base pt-4 pb-10 text-gray-700">{{ page.description }}</div>
       </section>
       <section class="post-author-list mb-10 mx-0">
         <div class="flex items-center">
diff --git a/templates/partials/newsPosts.html b/templates/partials/newsPosts.html
index 5c50e65..75cda45 100644
--- a/templates/partials/newsPosts.html
+++ b/templates/partials/newsPosts.html
@@ -2,7 +2,7 @@
 
 <div class="text-center main-title px-0 md:w-2/3 lg:w-2/3 mx-8 md:mx-12">
   <h1
-    class="tracking-tight text-left text-2xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
+    class="tracking-tight text-left text-2xl lg:text-4xl fw-500 leading-snug font-normal mb-10"
   >
   {% set path_array = current_path | split(pat="/") %}
   {% set taxonomy = path_array[1] %}