From 1c6f7c1e49ce2a07a183fd8a052325a13e99ce2a Mon Sep 17 00:00:00 2001
From: Victoria Wang <violasongoo@gmail.com>
Date: Fri, 3 Oct 2014 22:54:17 -0700
Subject: [PATCH] Starting to fix new homepage issues for small screens

---
 sass/_project-sass/_project-Main.scss | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss
index 6be387a1..67b3df6b 100644
--- a/sass/_project-sass/_project-Main.scss
+++ b/sass/_project-sass/_project-Main.scss
@@ -803,10 +803,16 @@ a.tag:hover {
 }
 .section.features .col {
   padding-left: 40px;
+  
+  :first-child {
+    padding-left: 0;
+  }
+  
+  @media (max-device-width:480px), screen and (max-width:800px){
+    padding-left: 20px;
+  }
 }
-.section.features .col:first-child {
-  padding-left: 0;
-}
+
 .section.features h2, .section.features h3, .section.features p {
   color: #fff;
 }
@@ -828,11 +834,19 @@ a.tag:hover {
   clear: both;
   margin-top: 30px;
   margin-bottom: 20px;
+  
+  @media (max-device-width:480px), screen and (max-width:800px){
+    margin-top: 0;
+  }
 }
 .section .logo {
   float:left;
   background-repeat: no-repeat;
   margin-right: 30px;
+  
+  @media (max-device-width:480px), screen and (max-width:800px){
+    margin-top: 20px !important;
+  }
 }
 .section .logo.wired {
   width: 211px;