From ed34e23ceada32bbd0ecf20372f60c0008f7c8fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Tue, 7 Apr 2020 19:33:01 +0200
Subject: [PATCH] Pagination: Fix sizes on smaller screens

Keep the big numbers for medium screens
---
 src/style/organisms/_pagination.scss | 11 ++++++++++-
 src/style/organisms/_photos.scss     |  4 ++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/style/organisms/_pagination.scss b/src/style/organisms/_pagination.scss
index 8194388..3aebfc6 100644
--- a/src/style/organisms/_pagination.scss
+++ b/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);
         }
     }
diff --git a/src/style/organisms/_photos.scss b/src/style/organisms/_photos.scss
index 37f3e00..16b7bd2 100644
--- a/src/style/organisms/_photos.scss
+++ b/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;
             }
         }
     }