diff --git a/assets/css/theme.scss b/assets/css/theme.scss
index 688e3670f..8e1bb07c3 100644
--- a/assets/css/theme.scss
+++ b/assets/css/theme.scss
@@ -134,6 +134,10 @@ small, .small {
 
 /* Pages
 ================================================== */
+.hero {
+    background: #fdd93d;
+    padding: 5rem 5rem;
+}
 
 @media only screen and (max-width: 1024px) {
     .page-header.big {
diff --git a/index.html b/index.html
index e3cb76d97..011e1fdcd 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
 <!-- Home Intro
 ================================================== -->
 {% if page.url == "/" %} 
-<div class="rounded mb-5 hero" style="background: #fdd93d;padding: 5rem 5rem;">
+<div class="rounded mb-5 hero">
   <div class="row align-items-center justify-content-between">
     <div class="col-md-6">
       <h1 class="font-weight-bold mb-4 serif-font">Let me  teach you how to become successful online</h1>
@@ -15,7 +15,7 @@ <h1 class="font-weight-bold mb-4 serif-font">Let me  teach you how to become suc
       <a href="{{site.baseurl}}/about" class="btn btn-dark text-white px-5 btn-lg">About me</a>
     </div>
     <div class="col-md-6 text-right pl-0 pl-lg-4">
-      <img class="intro" height="500" src="{{site.baseurl}}/assets/img/intro.svg">      
+      <img class="intro" height="500" src="{{site.baseurl}}/assets/images/intro.svg">      
     </div>
   </div>
 </div>