Adjusting homepage slider position to navigation

Adjusting homepage slider position to navigation bar dropping down
due to pushing into the header logo at 575px < x < 1024px

diff --git a/css/app.css b/css/app.css
index 9197f5f..f47a915 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -5895,6 +5895,10 @@ article h2 {
      * 4.1 Pages
      * ------------------------------------
      */
+@media (max-width: 1024px) {
+  #slider {
+    margin-top: 30px; } }
+
 #homepage-hero {
   background: url("http://foundation.zurb.com/assets/img/marquee-stars.svg") repeat scroll 0 0 #074e68;
   padding: 1.25rem 0;
@@ -5959,8 +5963,8 @@ article h2 {
 
 .homepage_box_arrow > div {
   background-image: url("../assets/img/images/arrowOrangeRight.png");
-  width: 31.2px;
-  height: 27.5px;
+  width: 31px;
+  height: 28px;
   margin: 20px auto; }
 
 .homepage_box:hover .homepage_box_arrow > div {

diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index d212cdf..f4cc62a 100644 (file)
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -372,6 +372,13 @@ article h2 {
      */
 
      // Hero
+     
+     @media (min-width:575px) and (max-width:1024px) {
+         #slider {
+             margin-top: 30px;
+         }
+     }
+     
 
     #homepage-hero {
         background: url("http://foundation.zurb.com/assets/img/marquee-stars.svg") repeat scroll 0 0 #074E68;