diff --git a/Gemfile.lock b/Gemfile.lock
index febf85d..3bc391c 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -69,6 +69,7 @@ GEM
     webrick (1.8.1)
 
 PLATFORMS
+  arm64-darwin-23
   x86_64-darwin-23
   x86_64-linux
 
diff --git a/_includes/header.html b/_includes/header.html
index 1fd78a8..030e557 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,12 +1,12 @@
 <header class="w-full flex flex-col justify-start items-center">
     <!-- medium to larger screens header (invisible on mobile) -->
     <div class="normal-header w-full header-container card flex-col justify-start items-center">
-        <div class="w-full title-font p-2 text-center flex flex-row justify-center items-center">
+        <div class="my-3 w-full title-font p-2 text-center flex flex-row justify-center items-center">
             <a class="tracking-widest" href="{{site.baseurl}}/">
                 {{ site.title }}
             </a>
         </div>
-        <div class="nav-bar w-full flex flex-row justify-between items-center py-2 px-10">
+        <div class="nav-bar w-full flex flex-row justify-around items-center py-2 px-10 mb-4">
             {% for menu_item in site.nav-menu %}
                 <!-- put dropdown container if submenu exists -->
                 {% if menu_item.submenu %}
@@ -22,7 +22,7 @@
                     {% endif %}
                     </span>
                 {% if menu_item.submenu %}
-                    <div class="dropdown-content text-center">
+                    <div class="dropdown-content">
                         {% for submenu_item in menu_item.submenu %}
                             <a href="{{ site.baseurl }}/{{ submenu_item.link }}">
                                 {{ submenu_item.title }}
@@ -84,7 +84,7 @@
                         {% endif %}
                         </span>
                     {% if menu_item.submenu %}
-                        <div class="dropdown-content text-center">
+                        <div class="dropdown-content">
                             {% for submenu_item in menu_item.submenu %}
                                 <a href="{{ site.baseurl }}/{{ submenu_item.link }}">
                                     {{ submenu_item.title }}
diff --git a/_layouts/page.html b/_layouts/page.html
index 860aa1f..ec56a2f 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -15,10 +15,10 @@
   {% endif %}
 
   {% if page.show-title %}
-    <h1 class="w-full text-center mt-6 mb-6 text-3xl title-font">{{ page.title }}</h1>
+    <h1 class="w-full text-center md:mt-36 mt-4 mb-6 text-3xl title-font">{{ page.title }}</h1>
   {% endif %}
 
-    <div class="mt-6 w-full flex flex-col justify-start items-center">
+    <div class="md:mb-36 mt-6 w-full flex flex-col justify-start items-center lg:px-40 md:px-20 px-5">
         <div class="w-full page-content prose-headings prose prose-{{site.theme-color}}">
           {{content}}
         </div>
diff --git a/_sass/theme-settings.scss b/_sass/theme-settings.scss
index 6b7505f..9e43dc0 100644
--- a/_sass/theme-settings.scss
+++ b/_sass/theme-settings.scss
@@ -16,9 +16,9 @@ $link-base-color: #8A100B; // color of a regular link
 $link-visited-color: #8A100B; // color of a regular link when visited
 $link-hover-color: #171717; // color of a regular link upon hover
 $link-header-base-color: #FAFAFA; // color of a linnk in the site header
-$link-header-hover-color: #8A100B; // color of a link in the site header when hovering
+$link-header-hover-color: #b29d6c; // color of a link in the site header when hovering
 $link-footer-base-color: #FAFAFA; // color of a linnk in the site footer
-$link-footer-hover-color: #171717; // color of a link in the site footer when hovering
+$link-footer-hover-color: #b29d6c; // color of a link in the site footer when hovering
 $link-dropdown-base-color: #171717; // color of the link in the nav menu
 $link-dropdown-hover-color: #8A100B; // color of the link in the nav menu when hovering
 
@@ -53,7 +53,7 @@ $body-font-style: sans-serif; // either serif or sans serif
 /* ===== LAYOUT ===== */
 // ONLY change these if you want to change the dimensions of the site's header/content
 
-$site-header-height: 110px; // the size of the site header, used to place the top of the site's content
+$site-header-height: 150px; // the size of the site header, used to place the top of the site's content
 $site-header-height-mobile: 40px; // header size, but for mobile
 $site-footer-height: 92px; // the size of the site footer
 $site-footer-height-mobile: 80px; // footer size, but for mobile
diff --git a/_sass/theme.scss b/_sass/theme.scss
index 714fe36..97b8d0e 100644
--- a/_sass/theme.scss
+++ b/_sass/theme.scss
@@ -41,7 +41,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .title-font a:hover {
-    color: $link-header-base-color !important;
+    color: $link-header-hover-color !important;
 }
 
 pre {
@@ -145,7 +145,7 @@ sup a:link, sup a:active, sup a:visited, sup a:hover {
 
 /* Used to make various elements 'float' with a shadow */
 .card {
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.09);
 }
 
 .button {
@@ -154,7 +154,7 @@ sup a:link, sup a:active, sup a:visited, sup a:hover {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 
-.button a, header a:visited {
+.button a, .button a:visited {
     color: $link-header-base-color !important;
     text-decoration: none;
 }
@@ -391,4 +391,13 @@ sup a:link, sup a:active, sup a:visited, sup a:hover {
     .mobile-header {
         display: flex;
     }
+}
+
+h3 {
+    font-size-adjust: 0.70;
+}
+
+.prose img {
+    padding: 0px !important;
+    margin: 5px 0px 5px 0px !important;
 }
\ No newline at end of file