undo 3270

gistfile1.txt

diff --git a/docroot/sites/all/themes/zeus_base/sass/_homepage.scss b/docroot/sites/all/themes/zeus_base/sass/_homepage.scss
index d164238..1d937fa 100644
--- a/docroot/sites/all/themes/zeus_base/sass/_homepage.scss
+++ b/docroot/sites/all/themes/zeus_base/sass/_homepage.scss
@@ -16,7 +16,7 @@
       z-index: 1;

       a {
-        color: $white;
+        color: #fff;
       }
     }

@@ -30,29 +30,33 @@
       width: 100%;
       @include box-sizing(border-box);
       bottom: 0;
-      color: $white;
+      color: #fff;
       @include trans-gradient-bg;
     }

     &.large {
       width: 65%;
       float: left;
-      max-height: 412px;
+      max-height: 360px;
       overflow: hidden;
       margin-bottom: 30px;

-      @include phone {
+      @media #{$small-only} {
         width: 100%;
         float: none;
         max-height: 350px;
       }

+      img {
+        /* max-height: 360px; */
+      }
+
       .primary-tag {
         font-size: 1em;
         line-height: 40px;
         height: 35px;

-        @include phone {
+        @media #{$small-only} {
           font-size: .75em;
           line-height: 27px;
           height: 24px;
@@ -62,7 +66,7 @@
       .channel-content {
         padding: 10px 33px;

-        @include phone {
+        @media #{$small-only} {
           padding: 10px 15px;
         }
       }
@@ -70,9 +74,9 @@
       .article-title a {
         font-size: 32px;
         line-height: 34px;
-        color: $white;
+        color: #fff;

-        @include phone {
+        @media #{$small-only}{
           font-size: 22px;
           line-height: 22px;
         }
@@ -83,15 +87,14 @@
     &.small {
       float: right;
       width: 30%;
-      margin-bottom: 3.2%;
-      max-height: 190px;
+      margin-bottom: 30px;
+      max-height: 165px;
       overflow: hidden;

-      @include phone {
+      @media #{$small-only} {
         width: 100%;
         float: none;
         max-height: 350px;
-        margin-bottom: 30px;
       }

       .primary-tag {
@@ -103,7 +106,7 @@
       .channel-content {
         padding: 5px 10px;

-        @include phone {
+        @media #{$small-only} {
           padding: 10px 15px;
         }
       }
@@ -113,18 +116,18 @@
         position: absolute;
         top: 0;
         right: 0;
-        color: $white;
+        color: #fff;
         font-size: .75em;
         line-height: 24px;
         @include text-shadow(rgba(black, 0.5) 1px 1px 1px);

-        @include tablet {
+        @media #{$medium-down} {
           display: none;
         }
       }

       .article-title a {
-        color: $white;
+        color: #fff;
         display: block;
         width: 100%;
         font-size: 22px;