Fix some responsive and scrolling issues

src/animations/Photo.js

@@ -60,7 +60,6 @@ export const animateIn = scope => {
                     })
                     window.addEventListener('scroll', throttle(() => parallaxAnime(el, translate), 50))
                     setTimeout(() => parallaxAnime(el, translate), 50)
-                    console.log('show')
                 },
                 onHidden () {
                     if (parallaxAnime) window.removeEventListener('scroll', parallaxAnime)

src/style/_base.scss

@@ -112,11 +112,8 @@ button {
 
     // Bigger version
     &--big {
-        font-size: rem(40px);
+        font-size: pxVW(180);
 
-        @include breakpoint (m) {
-            font-size: rem(56px);
-        }
         @include breakpoint (sm) {
             font-size: pxVW(160);
         }

src/style/atoms/_button-control.scss

@@ -205,8 +205,8 @@
     ** Big version
     */
     &--big {
-        width: 72px;
-        height: 72px;
+        width: 88px;
+        height: 88px;
         text-decoration: none;
 
         @include breakpoint (sm) {
@@ -225,7 +225,7 @@
                 color: rgba(#fff, 0.3);
                 text-transform: uppercase;
                 font-family: $font-sans-sb;
-                font-size: rem(6px);
+                font-size: rem(8px);
                 letter-spacing: 1px;
                 line-height: 1;
 
@@ -247,14 +247,15 @@
 
         // Big Dashed
         &.button-control--dashed {
-            @include breakpoint (xs) {
+            // Icon
             svg[fill] {
-                    width: 24px;
+                @include breakpoint (xs) {
+                    width: 28px;
                 }
             }
-
-            @include breakpoint (sm) {
+            // Circle
             circle {
+                @include breakpoint (sm) {
                     stroke-width: 4.5;
                     stroke-dasharray: 20, 8;
                 }

src/style/layouts/_explore.scss

@@ -10,4 +10,10 @@
             margin-bottom: 120px;
         }
     }
+
+    // Browse
+    .browse {
+        padding-left: 0;
+        padding-right: 0;
+    }
 }

src/style/organisms/_locations.scss

@@ -44,6 +44,7 @@
 
         @include breakpoint (sm) {
             display: flex;
+            flex-wrap: wrap;
             justify-content: center;
             margin-bottom: pxVW(232);
             margin-top: 112px;

src/style/organisms/_photos.scss

@@ -1,4 +1,5 @@
 .photos {
+    overflow: hidden;
     position: relative;
     margin-top: -22px;
     background-color: #fff;

src/style/pages/_place.scss

@@ -184,7 +184,12 @@
             position: absolute;
             bottom: 0;
             left: 0;
-            background: linear-gradient(180deg, transparent 0%, $color-primary 100%);
+            background: linear-gradient(180deg, rgba($color-primary, 0%) 0%, $color-primary 100%);
+
+            @include breakpoint (lg) {
+                height: 50%;
+                min-height: 600px;
+            }
         }
     }
 }