orb shadow fixing

diff --git a/css/app.css b/css/app.css
index 8391a5f..eb3ae1e 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6364,9 +6364,9 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im
   max-width: 100%;
   text-align: center; }
   #searchform div input.blogbutton {
-    background: -webkit-linear-gradient(left, #1999ce 5%, #107098 100%);
+    background: -webkit-linear-gradient(top, #1999ce 5%, #107098 100%);
     background: -moz-linear-gradient(center top, #1999ce 5%, #107098 100%);
-    background: -ms-linear-gradient(left, #1999ce 5%, #107098 100%); }
+    background: -ms-linear-gradient(top, #1999ce 5%, #107098 100%); }
 
 #blog-side-info {
   border-left: 1px solid grey;
@@ -6450,9 +6450,9 @@ a[href^=tel] {
 
 header#page-header {
   height: 185px;
-  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 5%, rgba(0, 0, 0, 0) 100%);
+  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 5%, rgba(0, 0, 0, 0) 100%);
   background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.75) 5%, rgba(0, 0, 0, 0) 100%);
-  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.75) 5%, rgba(0, 0, 0, 0) 100%);
+  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.75) 5%, rgba(0, 0, 0, 0) 100%);
   position: relative;
   padding-top: 11px;
   z-index: 5; }
@@ -6735,13 +6735,13 @@ img.orb-shadow {
   @media (max-width: 1024px) {
     img.orb-shadow {
       top: -10px; } }
-  @media (max-width: 802px) {
+  @media (max-width: 829px) {
     img.orb-shadow {
       top: -11px; } }
-  @media (max-width: 720px) {
+  @media (max-width: 766px) {
     img.orb-shadow {
       top: -12px; } }
-  @media (max-width: 665px) {
+  @media (max-width: 704px) {
     img.orb-shadow {
       top: -13px; } }
   @media (max-width: 640px) {

diff --git a/scss/_main.scss b/scss/_main.scss
index fc0121f..e067f47 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -88,13 +88,13 @@ img.orb-shadow {
     @media (max-width: 1024px) {
         top: -10px;
     }
-    @media (max-width: 802px) {
+    @media (max-width: 829px) {
         top: -11px;
     }
-    @media (max-width: 720px) {
+    @media (max-width: 766px) {
         top: -12px;
     }
-    @media (max-width: 665px) {
+    @media (max-width: 704px) {
         top: -13px;
     }
     @media (max-width: 640px) {

diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss
index b12470d..ad1f3d0 100644 (file)
--- a/scss/mixins/_gradient.scss
+++ b/scss/mixins/_gradient.scss
@@ -4,7 +4,7 @@
 */
 
 @mixin gradient($from, $to) {
-    background: -webkit-linear-gradient(left, $from 5%, $to 100%);
+    background: -webkit-linear-gradient(top, $from 5%, $to 100%);
     background: -moz-linear-gradient(center top, $from 5%, $to 100%);
-    background: -ms-linear-gradient(left, $from 5%, $to 100%);
+    background: -ms-linear-gradient(top, $from 5%, $to 100%);
 }
\ No newline at end of file