Update locations style

src/style/molecules/_location.scss

@@ -49,15 +49,25 @@
     }
 
     // Flag
-    :global(.flag img) {
-        display: block;
-        margin: 2px 24px 0 auto;
-        border-radius: 100% !important;
-        transform: translateZ(0);
+    :global(.flag) {
+        overflow: hidden;
+        width: 32px;
+        height: 32px;
+        flex-shrink: 0;
+        margin: 2px 24px 0 0;
+        border-radius: 100%;
 
         @include bp (sm) {
             margin-top: 0;
-            margin-right: 0;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        :global(img) {
+            display: block;
+            width: 100%;
+            height: auto;
+            transform: translateZ(0);
         }
     }
 
@@ -65,7 +75,7 @@
     &__name {
         display: block;
         max-width: 304px;
-        margin: 0 0 0.3em;
+        margin: 0 0 0.2em;
         font-size: rem(32px);
         font-family: $font-serif;
         font-weight: 300;

src/style/organisms/_locations.scss

@@ -71,8 +71,7 @@
 
     // Locations
     &__locations {
-        width: 70%;
-        max-width: 1200px;
+        width: 75%;
         margin: 88px auto 0;
         padding: 0 32px;
 
@@ -88,6 +87,7 @@
             display: flex;
             flex-flow: row wrap;
             width: 100%;
+            max-width: 1200px;
             margin-top: 104px;
         }
         @include bp (sd) {