diff --git a/app/styles/app/layouts/error.sass b/app/styles/app/layouts/error.sass index b55169ad..d6f4b108 100644 --- a/app/styles/app/layouts/error.sass +++ b/app/styles/app/layouts/error.sass @@ -67,22 +67,24 @@ @include error-bg-gradient($error-sand) .hill-left background-image: url(../images/error/500-hills-left.svg) - @include error-position-img(38vw auto, 0 62%) + @include error-position-img(38vw auto, 0 58%) + @media #{$medium-up} + @include error-position-img(38vw auto, 0 54%) .hill-right background-image: url(../images/error/500-hills-right.svg) - @include error-position-img(38vw auto, 99% 63%) + @include error-position-img(38vw auto, 99% 58%) display: none @media #{$medium-up} display: block .shadow-left background-image: url(../images/error/500-hills-shade-left.svg) - @include error-position-img(24vw auto, 6% 82%) + @include error-position-img(24vw auto, 6% 72%) .shadow-right background-image: url(../images/error/500-hills-shade-right.svg) - @include error-position-img(17vw auto, 95% 89%) + @include error-position-img(17vw auto, 95% 79%) .road background-image: url(../images/error/500-road.svg) - @include error-position-img(auto 40vh, 30% 91.3%) + @include error-position-img(auto 40vh, 42% 91.3%) .error404 .error-bg @@ -90,16 +92,16 @@ .hill-left display: none background-image: url(../images/error/404-hills-left.svg) - @include error-position-img(30vw auto, 0 (100% - 37%)) + @include error-position-img(30vw auto, 0 58%) @media #{$medium-up} display: block .hill-right background-image: url(../images/error/404-hills-right.svg) - @include error-position-img(auto 20vw, 99% 63%) + @include error-position-img(auto 20vw, 99% 58%) @media #{$medium-up} - @include error-position-img(50vw auto, 99% 63%) + @include error-position-img(50vw auto, 99% 58%) @media #{$large-up} - @include error-position-img(50vw auto, 99% 61%) + @include error-position-img(50vw auto, 99% 54%) .error-excavator background-image: url(../images/error/excavator.svg) @include error-position-img(auto 25vh, 71% 83%) @@ -117,26 +119,26 @@ @include error-bg-gradient($maintenance-grass) .hill-left background-image: url(../images/error/maintenance-hills-left.svg) - @include error-position-img(80vw auto, 0 62%) + @include error-position-img(80vw auto, 0 56%) @media #{$medium-up} - @include error-position-img(58vw auto, 0 62%) + @include error-position-img(58vw auto, 0 58%) @media #{$large-up} - @include error-position-img(50vw auto, 0 61%) + @include error-position-img(50vw auto, 0 52%) .hill-right background-image: url(../images/error/maintenance-hills-right.svg) - @include error-position-img(38vw auto, 99% 63%) + @include error-position-img(38vw auto, 99% 59%) display: none @media #{$medium-up} display: block .shadow-left background-image: url(../images/error/maintenance-grass-shade-left.svg) - @include error-position-img(24vw auto, 6% 82%) + @include error-position-img(24vw auto, 6% 72%) .shadow-right background-image: url(../images/error/maintenance-grass-shade-right.svg) - @include error-position-img(17vw auto, 95% 89%) + @include error-position-img(17vw auto, 95% 79%) .maintenance-tractor background-image: url(../images/error/maintenance-tractor.svg) @include error-position-img(87vw auto, 63% 87%) @media #{$medium-up} - @include error-position-img(auto 40vh, 63% 87%) + @include error-position-img(auto 44vh, 63% 83%)