From b6e755f8506d47564f9e0dfbd18e2e641dee2244 Mon Sep 17 00:00:00 2001
From: Nishanth Shanmugham <nishanth.gerrard@gmail.com>
Date: Thu, 27 Aug 2015 00:15:41 -0500
Subject: [PATCH] Increase icon sizes for mobile widths

---
 main.less           | 14 ++++++++++----
 static/css/main.css | 10 ++++++++--
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/main.less b/main.less
index 383de71..e09061b 100644
--- a/main.less
+++ b/main.less
@@ -284,12 +284,10 @@ body {
             }
 
             .icon {
-                font-size: 16px;
-
-                
+                font-size: 18px;
 
                 &.larger {
-                    font-size: 18px;
+                    font-size: 20px;
                 }
             }
         }
@@ -311,6 +309,14 @@ body {
                 &:hover {
                     color: @black;
                 }
+
+                .icon {
+                    font-size: 16px;
+
+                    &.larger {
+                        font-size: 18px;
+                    }
+                }
             }
 
         }
diff --git a/static/css/main.css b/static/css/main.css
index 6188a7d..148a945 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -264,10 +264,10 @@ body {
   color: #fefefe;
 }
 .section.icons .content a .icon {
-  font-size: 16px;
+  font-size: 18px;
 }
 .section.icons .content a .icon.larger {
-  font-size: 18px;
+  font-size: 20px;
 }
 @media (min-width: 550px) {
   .section.icons {
@@ -285,6 +285,12 @@ body {
   .section.icons .content a:hover {
     color: #333333;
   }
+  .section.icons .content a .icon {
+    font-size: 16px;
+  }
+  .section.icons .content a .icon.larger {
+    font-size: 18px;
+  }
 }
 .section.main .container {
   -webkit-align-items: center;