Add responsive on Homepage elements

src/style/organisms/_locations.scss

@@ -1,9 +1,18 @@
 .browse {
+    margin-top: 96px;
 
     // Description
     &__description {
+        font-size: rem(20px);
+        margin: 0 auto 32px;
+        max-width: 230px;
         text-align: center;
-        margin-bottom: 56px;
+
+        @include bp (sm) {
+            font-size: rem(28px);
+            margin-bottom: 56px;
+            max-width: none;
+        }
     }
 
     // Continents
@@ -17,15 +26,35 @@
 
     // Locations
     &__locations {
-        display: flex;
-        flex-flow: row wrap;
-        justify-content: center;
+        width: 70%;
         max-width: 1200px;
-        margin: 104px auto 80px;
-        justify-items: center;
+        margin: 88px auto 80px;
+        padding: 0 32px;
+
+        @include bp (mob-lg) {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            justify-content: center;
+            grid-gap: 40px 24px;
+            width: 85%;
+            padding: 0;
+        }
+        @include bp (sm) {
+            display: flex;
+            flex-flow: row wrap;
+            width: 100%;
+            margin: 104px auto 80px;
+        }
 
         .location {
-            margin: 0 22px 56px;
+            margin-bottom: 40px;
+
+            @include bp (mob-lg) {
+                margin-bottom: 0;
+            }
+            @include bp (sm) {
+                margin: 0 22px 56px;
+            }
         }
     }
 }