diff --git a/index.html b/index.html
index 479bb02..4256332 100644
--- a/index.html
+++ b/index.html
@@ -39,15 +39,15 @@
     
     
     
-    <section class="hero-section">
+    <section class="hero-section" style="padding-top: 40px;">
         <div class="container-1200px">
             <div class="column-50">
-                <h1>Hi. I'm <span class="my-name">Benjamin&nbsp;Toby</span>&nbsp;.<br>And I design great stuff.</h1>
+                <h1><span style="font-family:'Satisfy';font-size:.7em;color:#888;">Hi!&nbsp;I'm&nbsp;<span style="font-family:'Poppins';color:#ddd;font-size:.5em;white-space:nowrap;">---------------------------</span></span><br>Benjamin Toby.</h1>
                 <h2 class="hero-subtext">
-                    <a href="#" class="hero-content-link" id="ui-ux-design">UI UX Design</a>,
-                    <a href="#" class="hero-content-link" id="web-design">Web Design</a>,
-                    <a href="#" class="hero-content-link" id="frontend-dev">Frontend Web Develpment</a>,
-                    <a href="#" class="hero-content-link" id="graphic-design">Graphic and Motion Design</a>.
+                    <a href="#" class="hero-content-link" id="ui-ux-design">UI UX Designer</a>,
+                    <a href="#" class="hero-content-link" id="web-design">Web Designer</a>,
+                    <a href="#" class="hero-content-link" id="frontend-dev">Frontend Web Developer</a>,
+                    <a href="#" class="hero-content-link" id="graphic-design">Graphic and Motion Designer</a>.
                 </h2>
                 
                 <a href="#" style="border:none;margin-top:15px;display:flex;justify-content:flex-start;">
diff --git a/main.css b/main.css
index 5b976d1..ce01cd6 100644
--- a/main.css
+++ b/main.css
@@ -59,7 +59,7 @@ a:hover {
 }
 
 h1 {
-	font-size: 60px;
+	font-size: 64px;
 	margin-top: 0px;
 	margin-bottom: 15px;
 	color: inherit;
@@ -202,7 +202,7 @@ input:focus {
 }
 
 .hero-content-link {
-    
+    color: #888;    
 }
 
 .hero-content-link:hover {
@@ -238,10 +238,10 @@ input:focus {
 
 /*................................................... Hero Section */
 .my-name {
-    font-family: "Satisfy";
     color: #3C60DE;
-    line-height: 1.05;
-    letter-spacing: -3px;
+    background-color: #E6EDFF;
+    padding: 0 10px;
+    font-size: 1.5em;
 }
 
 .linkedin-block {
@@ -384,7 +384,7 @@ input:focus {
 @media (max-width: 600px) {
     
     h1 {
-        font-size: 40px;
+        font-size: 44px;
     }
     
     header {
@@ -392,7 +392,7 @@ input:focus {
     }
     
     .hero-section {
-        padding: 40px 20px 20px 20px;
+        padding: 20px;
     }
     
     .hero-content-link {