diff --git a/_layouts/default.html b/_layouts/default.html
index d78f816..90683ff 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -20,27 +20,34 @@
 
         {% if page.type == "home" %}
         <div class="jumbotron">
-            <!-- Begin MailChimp Signup Form -->
-            <div id="mc_embed_signup">
-                <form action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&amp;id=2366f7f35a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-                    <div id="mc_embed_signup_scroll">
-                        <label for="mce-EMAIL">Sign up for Exclusive Web Development Tips</label>
-                        <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address..." required>
-                        <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div>
-                        <div class="clear"><input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-                        <div class="subscription-message-div">
-                            <div class="subscription-message-thumb float-left">
-                                <img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" />
+            <div class="jumbotron-content">
+                <!-- div id="logo-div" class="float-left">
+                    <img src="../assets/images/logo.png" />
+                </div -->
+
+                <!-- Begin MailChimp Signup Form -->
+                <div id="mc_embed_signup" class="float-left">
+                    <form action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&amp;id=2366f7f35a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+                        <div id="mc_embed_signup_scroll">
+                            <label for="mce-EMAIL">Sign up for Exclusive Web Development Tips</label>
+                            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address..." required>
+                            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div>
+                            <div class="clear"><input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+                            <div class="subscription-message-div">
+                                <div class="subscription-message-thumb float-left">
+                                    <img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" />
+                                </div>
+                                <div class="subscription-message-text float-right">
+                                    <p>Learn practical methods to improve your web dev skills!</p>
+                                </div>
+                                <div class="clear-both"></div>
                             </div>
-                            <div class="subscription-message-text float-right">
-                                <p>Learn practical methods to improve your web dev skills!</p>
-                            </div>
-                            <div class="clear-both"></div>
                         </div>
-                    </div>
-                </form>
+                    </form>
+                </div>
+                <!--End mc_embed_signup-->
+                <div class="clear-both"></div>
             </div>
-            <!--End mc_embed_signup-->
         </div>
 
         {% endif %}
diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 0000000..6501502
Binary files /dev/null and b/assets/images/logo.png differ
diff --git a/assets/main.scss b/assets/main.scss
index 10f6387..089b74e 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -31,8 +31,7 @@ body {
     -webkit-font-smoothing: antialiased;
 }
 
-header.site-header,
-.jumbotron {
+header.site-header {
     background: rgba(141,191,66,.97)!important;
     width: 100%;
 }
@@ -132,18 +131,33 @@ article .post-content p,
     padding: 20px;
 }    
 
+.jumbotron {  
+    background: url('../assets/images/logo.png') no-repeat rgba(141,191,66,.97)!important;
+    width: 100%;
+    height: 100%;
+}
+
 .jumbotron #mc_embed_signup label{
     text-align: center;
     font-size: 36px;
     color: #ffffff;
     font-weight: bold;
     margin: 0 0 20px 0;
+    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
+                 0px 8px 13px rgba(0,0,0,0.1),
+                              0px 18px 23px rgba(0,0,0,0.1) !important;
 }
 
-.jumbotron {
+.jumbotron-content {
+    margin: 0 auto;
+    width: 800px;
     padding: 80px 0;
 }
 
+.jumbotron-content #mc_embed_signup {
+    width: 100%;
+}
+
 #mc_embed_signup input {
     padding: 15px !important;
     font-size: 16px !important;
@@ -287,29 +301,61 @@ nav#side-nav {
     background-color: #e4e2dd;
 }
 
+@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+    .jumbotron {  
+        background: rgba(141,191,66,.97)!important;
+        width: 100%;
+        height: 100%;
+    }
+
+    #mc_embed_signup input {
+        width: 250px !important;
+        height: 50px !important;
+        padding: 10px !important;
+    }
+
+    .jumbotron-content {
+        width: calc(100% - 120px);
+        padding: 80px 60px;
+    }
+
+
+}
+
 @media screen and (max-width: 600px) {
 
+    .page-content .wrapper {
+        max-width: 100%;
+    }
+
     main.page-content {
         width: 100%;
+        padding: 0;
     }
 
     nav#side-nav {
         width: calc(100% - 30px);
-        margin: 30px 0 30px;
         padding: 15px;
+        margin: 0;
     }
 
     .post-thumb {
         width: 100%;
     }
 
-    .jumbotron {
-        padding: 30px 0;
+    .jumbotron {  
+        background: rgba(141,191,66,.97)!important;
+        width: 100%;
+        height: 100%;
+    }
+
+    .jumbotron-content {
+        padding: 30px 0;
+
     }
 
-    .jumbotron #mc_embed_signup label,
     .post-list li h3 a {
-        font-size: 24px;
+        font-size: 36px;
     }
 
     #mc_embed_signup input {
@@ -318,6 +364,19 @@ nav#side-nav {
         height: 50px !important;
         padding: 10px !important;
     }
+
+    .jumbotron-content #logo-div {
+        width: 100%;
+    }
+
+    .jumbotron-content #mc_embed_signup {
+        width: 100%;
+    }
+
+    .jumbotron-content {
+        width: 100%;
+    }
+
     .site-nav {
         background-color: rgba(141,191,66,.97)!important;
         border: 1px solid hsla(0, 0%, 100%, .3) !important;