Improved responsivity

Gemfile

@@ -16,6 +16,7 @@ gem "tzinfo-data", platforms: [:mswin, :mingw, :jruby]
 gem 'bootstrap-sass', require: false
 gem 'jquery-middleman'
 gem 'sass'
+gem 'bourbon'
 gem 'haml'
 gem 'coffee-script'
 

Gemfile.lock

@@ -13,6 +13,9 @@ GEM
     bootstrap-sass (3.3.5.1)
       autoprefixer-rails (>= 5.0.0.1)
       sass (>= 3.3.0)
+    bourbon (3.2.3)
+      sass (~> 3.2)
+      thor
     capybara (2.4.4)
       mime-types (>= 1.16)
       nokogiri (>= 1.3.3)
@@ -146,6 +149,7 @@ PLATFORMS
 
 DEPENDENCIES
   bootstrap-sass
+  bourbon
   coffee-script
   haml
   jquery-middleman

source/stylesheets/all.sass

@@ -2,9 +2,11 @@
 
 @import "normalize.css"
 @import "bootstrap"
+@import "bourbon"
 
 #hi, #contact, #socials
   text-align: center
+  max-width: 90%
 
 #hi h2
   margin-top: -0.2em
@@ -15,7 +17,8 @@
       margin-left: 0.2em
 
   .social-icon
-    height: 48px
+    @include calc(width, '(100% - 0.2em * 16) / 6')
+    max-width: 48px
 
 #contact
   margin-bottom: 50px