diff --git a/content/home/homeheader.jpg b/content/home/homeheader.jpg
new file mode 100644
index 0000000..334562b
Binary files /dev/null and b/content/home/homeheader.jpg differ
diff --git a/content/home/index.md b/content/home/index.md
index 5acd9f4..5ad0b8e 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -10,21 +10,25 @@ weight: 1
 
 <!-- section 1 (header) -->
 
-{% row(margin="header" bgPath="home_header.jpg" bgStyle="full") %}
+{% row(style="center" margin="tight" bgPath="homeheader.jpg" bgStyle="full") %}
 
 <br>
 
 <br>
 
-# WORK, <br> LIVE & PLAY
+<div class="bg-gray-200/50 py-4 px-4 rounded-md">
 
-Our world offers Digital Nomads <br /> truly amazing experiences in some <br /> of the world’s best locations.
+# WORK, LIVE & PLAY
+
+Our world offers Digital Nomads truly amazing experiences in some of the world’s best locations.
 
 <button>[KNOW MORE](/locations)</button>
 
-{% end %}
+</div>
 
 
+{% end %}
+
 <div class="container mx-auto"> 
 
 <!-- section 2  -->
diff --git a/css/index.css b/css/index.css
index e26f11a..4c2c197 100644
--- a/css/index.css
+++ b/css/index.css
@@ -87,9 +87,12 @@ img[src*="#fig"] {
   font-family: "lato";
 }
 
+a:hover {
+  color: #5a5a5a;
+}
 @layer components {
   h1 {
-    @apply text-3xl lg:text-5xl xl:text-7xl font-bold leading-none my-4;
+    @apply text-3xl md:text-4xl lg:text-6xl font-bold leading-none my-4;
     font-family: "lato", sans-serif;
     line-height: 0.9;
     
@@ -98,7 +101,7 @@ img[src*="#fig"] {
     @apply font-medium;
   }
   h2 {
-    @apply text-3xl md:text-4xl lg:text-5xl xl:text-7xl font-bold leading-none my-4;
+    @apply text-3xl md:text-4xl lg:text-5xl font-bold leading-none my-4;
     font-family: "lato", sans-serif;
     line-height: 0.9;
     
diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html
index 7f5dd6a..19da955 100644
--- a/templates/shortcodes/row.html
+++ b/templates/shortcodes/row.html
@@ -209,7 +209,7 @@ Parameters:
 {% set no_margins = " -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" %}
 
 
-        <div id="{{anchor_link}}" class="{{'relative justify-center flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
+        <div id="{{anchor_link}}" class="{{'relative justify-center items-start flex overflow-hidden ' ~ div_class }}" style="{{styles}}">
             <div id="{{row_id}}" class="{{row_class}}" style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
         {% for column in columns%}