diff --git a/src/main.scss b/src/main.scss
index 77dcafd..a1d1a34 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -17,16 +17,23 @@ h1, h2, h3, h4, h5, h6 {
   font-weight: bold;
 }
 
-.homepage-hero{
+.hero.homepage-hero{
   height: 100vh;
   min-height: 700px;
   overflow: hidden;
 
   .hero-body {
-    background: url('../images/bg-2.jpg') no-repeat center fixed;
+    background: url('../images/bg-3.jpg') no-repeat center fixed;
     -webkit-background-size: cover;
     background-size: cover;
     padding-bottom: 17vh !important;
+    padding-top: 25vh;
+
+    @media screen and (max-width:600px){
+      & {
+        padding-top: 5vh;
+      }
+    }
 
     .container {
       .title, .subtitle {
diff --git a/static/images/bg-3.jpg b/static/images/bg-3.jpg
new file mode 100644
index 0000000..2a0f5b5
Binary files /dev/null and b/static/images/bg-3.jpg differ