From a9bb190548fdcac01d6c45842acf3dfa42b5b242 Mon Sep 17 00:00:00 2001
From: Torsten Ruger <torsten@villataika.fi>
Date: Sat, 19 Aug 2017 00:14:57 +0300
Subject: [PATCH] fix the pesky button on main page hopping off

---
 app/assets/stylesheets/_web_dev.sass | 11 +++++++++++
 app/views/pages/index.html.haml      |  3 ++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/_web_dev.sass b/app/assets/stylesheets/_web_dev.sass
index e63d793..9bb68a6 100644
--- a/app/assets/stylesheets/_web_dev.sass
+++ b/app/assets/stylesheets/_web_dev.sass
@@ -21,6 +21,8 @@
     margin-bottom: 60px
     font-size: 4.5rem
     font-weight: 400
+    .wide
+      margin-top: -40px
   h3
     margin-top: 30px
     margin-bottom: 30px
@@ -28,6 +30,10 @@
     font-weight: 400
   .action
     padding-top: 30px
+  @media only screen and (max-width: 840px)
+    h1
+      .wide
+        font-size: 3.2rem
   @media only screen and (max-width: 640px)
     h1
       margin-top: 40px
@@ -37,6 +43,11 @@
       margin-top: 20px
       margin-bottom: 20px
       font-size: 3.2rem
+      .wide
+        font-size: 2.5rem
+    h3
+      .wide
+        font-size: 2
 
 .heading , .parallax
   @include fixed_header_sizes()
diff --git a/app/views/pages/index.html.haml b/app/views/pages/index.html.haml
index 30ffacc..56315e5 100644
--- a/app/views/pages/index.html.haml
+++ b/app/views/pages/index.html.haml
@@ -3,7 +3,8 @@
 
 .section.parallax{:style => "background-image: url('#{image_url("coding.jpg")}');"}
   %h1
-    Become a professional web-developer in 9 weeks
+    .wide
+      Become a professional web-developer in 9 weeks
   %h3
     enjoy coding and get paid
   .action