diff --git a/content/home/bg_home.png b/content/home/bg_home.png
deleted file mode 100644
index bd13d35..0000000
Binary files a/content/home/bg_home.png and /dev/null differ
diff --git a/content/home/home_header.jpg b/content/home/home_header.jpg
new file mode 100644
index 0000000..d89c809
Binary files /dev/null and b/content/home/home_header.jpg differ
diff --git a/content/home/index.md b/content/home/index.md
index 6d3a7e1..2bff1a0 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -9,9 +9,9 @@ weight: 1
 
 <!-- section 1 (header) -->
 
-{% row(margin="header" bgPath="bg_home.png" bgStyle="full") %}
+{% row(margin="header" bgPath="home_header.jpg" bgStyle="full") %}
 
-## WORK, <br> LIVE & PLAY
+# WORK, <br> LIVE & PLAY
 
 Our world offers Digital Nomads <br /> truly amazing experiences in some <br /> of the world’s best locations.
 
diff --git a/css/index.css b/css/index.css
index 3b9086c..c4091e3 100644
--- a/css/index.css
+++ b/css/index.css
@@ -65,20 +65,22 @@ img[src*="#tft_img"] {
 
 .advance{
 
-  font-family: "BebasNeue";
+  font-family: "lato";
 }
 
 @layer components {
-  h1, #h1  {
-    @apply text-4xl md:text-4xl lg:text-6xl leading-none font-normal my-4;
-    font-family: "BebasNeue", sans-serif
+  h1 {
+    @apply text-3xl lg:text-5xl xl:text-7xl font-bold leading-none my-4;
+    font-family: "lato", sans-serif;
+    line-height: 0.8;
+    
   }
   h1 strong {
     @apply font-medium;
   }
   h2 {
     @apply text-3xl md:text-4xl lg:text-5xl xl:text-8xl font-bold leading-none my-4;
-    font-family: "BebasNeue", sans-serif;
+    font-family: "lato", sans-serif;
     line-height: 0.8;
     font-size:4.5rem
   }
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 1f53383..f335da8 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -102,7 +102,7 @@
             <div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5  md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
                 <div>
                     <a href="/" class="flex">
-                        <img class="w-48 h-auto sm:w-15" src="{{logo_path}}" alt="FreeFlow Logo" />
+                        <img class="w-56 h-auto sm:w-15" src="{{logo_path}}" alt="FreeFlow Logo" />
                     </a>
                 </div>
                 <div class="-mr-2 -my-2 lg:hidden">