found the right spacing

I did a massive amount of trial and error and I think I found something
that will work.

diff --git a/css/app.css b/css/app.css
index 1a45b31..3ef8d77 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7856,7 +7856,7 @@ footer.main {
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.facebook {
-            margin-right: 14.5px; } }
+            margin-right: 15px; } }
         @media screen and (max-width: 640px) {
           footer.main .guide ul.social li.facebook {
             background-position: 0 -79px; }
@@ -7875,7 +7875,7 @@ footer.main {
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.twit {
-            margin: 0 14.5px; } }
+            margin: 0 15px; } }
         @media screen and (max-width: 640px) {
           footer.main .guide ul.social li.twit {
             background-position: -51px -79px; }
@@ -7894,7 +7894,7 @@ footer.main {
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.blog {
-            margin: 0 14.5px; } }
+            margin: 0 15px; } }
         @media screen and (max-width: 640px) {
           footer.main .guide ul.social li.blog {
             background-position: -104px -79px; }
@@ -7913,7 +7913,7 @@ footer.main {
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.pin {
-            margin: 0 14.5px; } }
+            margin: 0 15px; } }
         @media screen and (max-width: 640px) {
           footer.main .guide ul.social li.pin {
             background-position: -158px -79px; }
@@ -7932,7 +7932,7 @@ footer.main {
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.tube {
-            margin: 0 14.5px; } }
+            margin: 0 15px; } }
         @media screen and (max-width: 640px) {
           footer.main .guide ul.social li.tube {
             background-position: -211px -79px; }
@@ -7951,7 +7951,7 @@ footer.main {
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.insta {
-            margin-left: 14.5px; } }
+            margin-left: 15px; } }
         @media screen and (max-width: 640px) {
           footer.main .guide ul.social li.insta {
             background-position: -264px -79px; }

diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss
index 12b760a..c51a3a4 100644 (file)
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -68,7 +68,7 @@ footer.main {
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
-                        margin-right: 14.5px;
+                        margin-right: 15px;
                     }
                     @media screen and (max-width: 640px) {
                         background-position: 0 -79px;
@@ -90,7 +90,7 @@ footer.main {
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
-                        margin: 0 14.5px;
+                        margin: 0 15px;
                     }
                     @media screen and (max-width: 640px) {
                         background-position: -51px -79px;
@@ -112,7 +112,7 @@ footer.main {
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
-                        margin: 0 14.5px;
+                        margin: 0 15px;
                     }
                     @media screen and (max-width: 640px) {
                         background-position: -104px -79px;
@@ -134,7 +134,7 @@ footer.main {
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
-                        margin: 0 14.5px;
+                        margin: 0 15px;
                     }
                     @media screen and (max-width: 640px) {
                         background-position: -158px -79px;
@@ -156,7 +156,7 @@ footer.main {
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
-                        margin: 0 14.5px;
+                        margin: 0 15px;
                     }
                     @media screen and (max-width: 640px) {
                         background-position: -211px -79px;
@@ -178,7 +178,7 @@ footer.main {
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
-                        margin-left: 14.5px;
+                        margin-left: 15px;
                     }
                     @media screen and (max-width: 640px) {
                         background-position: -264px -79px;