Pagination: Fix sizes on smaller screens

Keep the big numbers for medium screens

src/style/organisms/_pagination.scss

@@ -29,6 +29,9 @@
         transition: color 250ms $ease-cubic;
 
         @include breakpoint (sm) {
+            font-size: rem(120px);
+        }
+        @include breakpoint (md) {
             font-size: rem(160px);
         }
 
@@ -45,6 +48,9 @@
         margin-right: 4px;
 
         @include breakpoint (sm) {
+            height: 102px;
+        }
+        @include breakpoint (md) {
             height: 136px;
         }
 
@@ -66,10 +72,13 @@
         left: 50%;
         transform: translate(-50%, -72%);
         font-family: $font-serif;
-        font-size: 18px;
+        font-size: rem(18px);
         color: $color-secondary-bright;
 
         @include breakpoint (sm) {
+            font-size: rem(32px);
+        }
+        @include breakpoint (md) {
             font-size: rem(40px);
         }
     }

src/style/organisms/_photos.scss

@@ -138,10 +138,10 @@
                 padding-top: pxVW(224);
             }
             @include breakpoint (md) {
-                padding-top: pxVW(176);
+                padding-top: pxVW(200);
             }
             @include breakpoint (xl) {
-                padding-top: 176px;
+                padding-top: 200px;
             }
         }
     }