From a874cd6bc609e60cd000697d70e318422ac23e8d Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Fri, 22 May 2020 07:46:16 +0300
Subject: [PATCH 01/12] Update snapshots

---
 .../__snapshots__/index.test.jsx.snap         |   8 +-
 .../__snapshots__/index.test.jsx.snap         |   8 +-
 .../__snapshots__/index.test.jsx.snap         |   8 +-
 .../Include/__snapshots__/index.test.jsx.snap |   4 +-
 src/app/lib/styledGrid/index.jsx              |  23 +
 .../__snapshots__/index.test.jsx.snap         |  18 +-
 .../__snapshots__/index.test.jsx.snap         | 116 ++--
 .../__snapshots__/index.test.jsx.snap         | 268 ++++----
 .../__snapshots__/index.test.jsx.snap         | 648 +++++++++---------
 9 files changed, 562 insertions(+), 539 deletions(-)

diff --git a/src/app/containers/CpsFeaturesAnalysis/__snapshots__/index.test.jsx.snap b/src/app/containers/CpsFeaturesAnalysis/__snapshots__/index.test.jsx.snap
index 1251e382e18..b5405495347 100644
--- a/src/app/containers/CpsFeaturesAnalysis/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/CpsFeaturesAnalysis/__snapshots__/index.test.jsx.snap
@@ -4,11 +4,11 @@ exports[`CpsRelatedContent should render Story Feature components when given app
 <DocumentFragment>
   <section
     aria-labelledby="features-analysis-heading"
-    class="GridWrapper-sc-12lwanc-0 hgpaqH"
+    class="GridWrapper-sc-12lwanc-1 iLHPXV"
     role="region"
   >
     <div
-      class="GridItemConstrainedLarge-sc-12lwanc-4 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
+      class="GridItemConstrainedLarge-sc-12lwanc-5 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
     >
       <div
         class="SectionLabelWrapper-sc-1x4gwjz-1 iLMrCu StyledSectionLabel-opyob2-2 jpnPtT"
@@ -158,11 +158,11 @@ exports[`CpsRelatedContent should render Story Promo components without <ul> whe
 <DocumentFragment>
   <section
     aria-labelledby="features-analysis-heading"
-    class="GridWrapper-sc-12lwanc-0 hgpaqH"
+    class="GridWrapper-sc-12lwanc-1 iLHPXV"
     role="region"
   >
     <div
-      class="GridItemConstrainedLarge-sc-12lwanc-4 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
+      class="GridItemConstrainedLarge-sc-12lwanc-5 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
     >
       <div
         class="SectionLabelWrapper-sc-1x4gwjz-1 iLMrCu StyledSectionLabel-opyob2-2 jpnPtT"
diff --git a/src/app/containers/CpsRelatedContent/__snapshots__/index.test.jsx.snap b/src/app/containers/CpsRelatedContent/__snapshots__/index.test.jsx.snap
index c3ef87ec830..904532ddfd5 100644
--- a/src/app/containers/CpsRelatedContent/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/CpsRelatedContent/__snapshots__/index.test.jsx.snap
@@ -4,11 +4,11 @@ exports[`CpsRelatedContent should render Story Promo components when given appro
 <DocumentFragment>
   <section
     aria-labelledby="related-content-heading"
-    class="GridWrapper-sc-12lwanc-0 hgpaqH"
+    class="GridWrapper-sc-12lwanc-1 iLHPXV"
     role="region"
   >
     <div
-      class="GridItemConstrainedLarge-sc-12lwanc-4 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
+      class="GridItemConstrainedLarge-sc-12lwanc-5 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
     >
       <div
         class="SectionLabelWrapper-sc-1x4gwjz-1 iLMrCu StyledSectionLabel-opyob2-2 jpnPtT"
@@ -227,11 +227,11 @@ exports[`CpsRelatedContent should render Story Promo components without <ul> whe
 <DocumentFragment>
   <section
     aria-labelledby="related-content-heading"
-    class="GridWrapper-sc-12lwanc-0 hgpaqH"
+    class="GridWrapper-sc-12lwanc-1 iLHPXV"
     role="region"
   >
     <div
-      class="GridItemConstrainedLarge-sc-12lwanc-4 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
+      class="GridItemConstrainedLarge-sc-12lwanc-5 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
     >
       <div
         class="SectionLabelWrapper-sc-1x4gwjz-1 iLMrCu StyledSectionLabel-opyob2-2 jpnPtT"
diff --git a/src/app/containers/CpsTopStories/__snapshots__/index.test.jsx.snap b/src/app/containers/CpsTopStories/__snapshots__/index.test.jsx.snap
index 92efc18af69..867652489a3 100644
--- a/src/app/containers/CpsTopStories/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/CpsTopStories/__snapshots__/index.test.jsx.snap
@@ -4,11 +4,11 @@ exports[`CpsRelatedContent should render Top Stories components when given appro
 <DocumentFragment>
   <section
     aria-labelledby="top-stories-heading"
-    class="GridWrapper-sc-12lwanc-0 hgpaqH"
+    class="GridWrapper-sc-12lwanc-1 iLHPXV"
     role="region"
   >
     <div
-      class="GridItemConstrainedLarge-sc-12lwanc-4 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
+      class="GridItemConstrainedLarge-sc-12lwanc-5 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
     >
       <div
         class="SectionLabelWrapper-sc-1x4gwjz-1 iLMrCu StyledSectionLabel-opyob2-2 jpnPtT"
@@ -120,11 +120,11 @@ exports[`CpsRelatedContent should render Top Stories components when without <ul
 <DocumentFragment>
   <section
     aria-labelledby="top-stories-heading"
-    class="GridWrapper-sc-12lwanc-0 hgpaqH"
+    class="GridWrapper-sc-12lwanc-1 iLHPXV"
     role="region"
   >
     <div
-      class="GridItemConstrainedLarge-sc-12lwanc-4 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
+      class="GridItemConstrainedLarge-sc-12lwanc-5 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
     >
       <div
         class="SectionLabelWrapper-sc-1x4gwjz-1 iLMrCu StyledSectionLabel-opyob2-2 jpnPtT"
diff --git a/src/app/containers/Include/__snapshots__/index.test.jsx.snap b/src/app/containers/Include/__snapshots__/index.test.jsx.snap
index c3d649c3d40..a126e7c9a35 100644
--- a/src/app/containers/Include/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/Include/__snapshots__/index.test.jsx.snap
@@ -7,7 +7,7 @@ exports[`IncludeContainer should not render any HTML when html prop is null 1`]
 exports[`IncludeContainer should not render any HTML when include toggle is disabled 1`] = `
 <div>
   <div
-    class="GridItemConstrainedMedium-sc-12lwanc-2 IncludeGrid-zso27i-1 hwuOKJ"
+    class="GridItemConstrainedMedium-sc-12lwanc-3 IncludeGrid-zso27i-1 hwuOKJ"
   >
     <div
       class="Include-zso27i-0 dXHWeh"
@@ -29,7 +29,7 @@ exports[`IncludeContainer should not render any HTML when its an amp page 1`] =
 exports[`IncludeContainer should render HTML when include toggle is enabled 1`] = `
 <div>
   <div
-    class="GridItemConstrainedMedium-sc-12lwanc-2 IncludeGrid-zso27i-1 hwuOKJ"
+    class="GridItemConstrainedMedium-sc-12lwanc-3 IncludeGrid-zso27i-1 hwuOKJ"
   >
     <div
       class="Include-zso27i-0 dXHWeh"
diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index cb64b01e81f..525069a9388 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -12,6 +12,7 @@ import {
   GEL_GROUP_3_SCREEN_WIDTH_MIN,
   GEL_GROUP_5_SCREEN_WIDTH_MIN,
 } from '@bbc/gel-foundations/breakpoints';
+import Grid from '@bbc/psammead-grid';
 import {
   layoutGridWrapper,
   layoutGridItemSmall,
@@ -27,6 +28,28 @@ import {
   gridContainerLargeCss,
 } from '../layoutGrid';
 
+export const MediumContentContainer = styled.div`
+  max-width: 46.4rem;
+  margin: 0 auto;
+`;
+
+export const MediumGridWrapper = ({ children }) => {
+  const columns = {
+    group0: 6,
+    group1: 6,
+    group2: 6,
+    group3: 6,
+    group4: 6,
+    group5: 12,
+  };
+
+  return <Grid columns={columns}>{children}</Grid>;
+};
+
+MediumGridWrapper.propTypes = {
+  children: node.isRequired,
+};
+
 export const GridWrapper = styled.div`
   ${layoutGridWrapper};
   padding-bottom: ${GEL_SPACING_QUAD};
diff --git a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
index 7a5b5853db8..0c1ba80d67c 100644
--- a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
@@ -11,10 +11,10 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
     role="main"
   >
     <div
-      class="GridWrapper-sc-12lwanc-0 hgpaqH"
+      class="GridWrapper-sc-12lwanc-1 iLHPXV"
     >
       <div
-        class="GridItemConstrainedLarge-sc-12lwanc-4 gVouae"
+        class="GridItemConstrainedLarge-sc-12lwanc-5 dBAoSC"
       >
         <h1
           class="Headline-sc-1kh1qhu-0 StyledHeadline-sc-1ffcmag-0 jsOCZS"
@@ -25,7 +25,7 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+        class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
       >
         <p
           class="Paragraph-k859h4-0 hymSIv"
@@ -502,10 +502,10 @@ exports[`should render a news article correctly 1`] = `
     role="main"
   >
     <div
-      class="GridWrapper-sc-12lwanc-0 hgpaqH"
+      class="GridWrapper-sc-12lwanc-1 iLHPXV"
     >
       <div
-        class="GridItemConstrainedLarge-sc-12lwanc-4 gVouae"
+        class="GridItemConstrainedLarge-sc-12lwanc-5 dBAoSC"
       >
         <h1
           class="Headline-sc-1kh1qhu-0 StyledHeadline-sc-1ffcmag-0 aNHLE"
@@ -516,7 +516,7 @@ exports[`should render a news article correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+        class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
       >
         <p
           class="Paragraph-k859h4-0 dSVJxu"
@@ -540,10 +540,10 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
     role="main"
   >
     <div
-      class="GridWrapper-sc-12lwanc-0 hgpaqH"
+      class="GridWrapper-sc-12lwanc-1 iLHPXV"
     >
       <div
-        class="GridItemConstrainedLarge-sc-12lwanc-4 gVouae"
+        class="GridItemConstrainedLarge-sc-12lwanc-5 dBAoSC"
       >
         <h1
           class="Headline-sc-1kh1qhu-0 StyledHeadline-sc-1ffcmag-0 bYbRDq"
@@ -554,7 +554,7 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+        class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
       >
         <p
           class="Paragraph-k859h4-0 jfPMLX"
diff --git a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
index 0883226c456..c474a8422c4 100644
--- a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
@@ -19,7 +19,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
           >
             <noscript />
             <main
-              class="GridWrapper-sc-12lwanc-0 StyledGrid-oo43dv-0 jHslwF"
+              class="GridWrapper-sc-12lwanc-1 StyledGrid-oo43dv-0 jHslwF"
               role="main"
             >
               <h1
@@ -30,7 +30,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 Ўзбек деҳқонининг косаси нега оқармайдиshort
               </h1>
               <div
-                class="GridItemConstrainedLarge-sc-12lwanc-4 Wrapper-sc-7tc6v2-0 kvwPKI"
+                class="GridItemConstrainedLarge-sc-12lwanc-5 Wrapper-sc-7tc6v2-0 kvwPKI"
               >
                 <figure
                   class="Figure-sc-6a3dhy-0 gJUCFc"
@@ -51,7 +51,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </figure>
               </div>
               <div
-                class="GridItemConstrainedLarge-sc-12lwanc-4 gVouae"
+                class="GridItemConstrainedLarge-sc-12lwanc-5 dBAoSC"
               >
                 <strong
                   aria-hidden="true"
@@ -61,7 +61,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </strong>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi StyledTimestamp-oo43dv-1 jqCfrG"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj StyledTimestamp-oo43dv-1 jqCfrG"
               >
                 <time
                   class="StyledTimestamp-um718p-0 bAgcOD"
@@ -71,7 +71,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </time>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -82,7 +82,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -96,7 +96,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -118,7 +118,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -132,7 +132,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -148,7 +148,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -161,7 +161,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -170,7 +170,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -179,7 +179,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -188,7 +188,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -197,7 +197,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <div
                   class="Wrapper-e2169q-0 kopXQT"
@@ -237,7 +237,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </div>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <div
                   class="Wrapper-e2169q-0 kopXQT"
@@ -295,16 +295,16 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </div>
               </div>
               <div
-                class="GridItemConstrainedLargeNoMargin-sc-12lwanc-5 tOkbK"
+                class="GridItemConstrainedLargeNoMargin-sc-12lwanc-6 eGWbwr"
               >
                 <figure
                   class="Figure-sc-6a3dhy-0 gJUCFc"
                 >
                   <div
-                    class="NestedGridParentLarge-sc-12lwanc-10 hfLVVX"
+                    class="NestedGridParentLarge-sc-12lwanc-11 bejFhf"
                   >
                     <div
-                      class="NestedGridItemChildLarge-sc-12lwanc-9 fkKpIa"
+                      class="NestedGridItemChildLarge-sc-12lwanc-10 JETTZ"
                     >
                       <div
                         class="ImagePlaceholder-sc-11u25v2-0 fNqlUz"
@@ -331,13 +331,13 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                       </div>
                     </div>
                     <div
-                      class="NestedGridItemChildLarge-sc-12lwanc-9 ichKJL"
+                      class="NestedGridItemChildLarge-sc-12lwanc-10 hAODCJ"
                     />
                   </div>
                 </figure>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -346,7 +346,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -382,7 +382,7 @@ exports[`Media Asset Page should render component 1`] = `
           >
             <noscript />
             <main
-              class="GridWrapper-sc-12lwanc-0 StyledGrid-oo43dv-0 jHslwF"
+              class="GridWrapper-sc-12lwanc-1 StyledGrid-oo43dv-0 jHslwF"
               role="main"
             >
               <h1
@@ -393,7 +393,7 @@ exports[`Media Asset Page should render component 1`] = `
                 Simorgh: Media Pod Build First CPS Media Asset Page in Simorgh with the Help of Drew & &lt; &gt;
               </h1>
               <div
-                class="GridItemConstrainedLarge-sc-12lwanc-4 Wrapper-sc-7tc6v2-0 kvwPKI"
+                class="GridItemConstrainedLarge-sc-12lwanc-5 Wrapper-sc-7tc6v2-0 kvwPKI"
               >
                 <figure
                   class="Figure-sc-6a3dhy-0 gJUCFc"
@@ -414,7 +414,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </figure>
               </div>
               <div
-                class="GridItemConstrainedLarge-sc-12lwanc-4 gVouae"
+                class="GridItemConstrainedLarge-sc-12lwanc-5 dBAoSC"
               >
                 <strong
                   aria-hidden="true"
@@ -424,7 +424,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </strong>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi StyledTimestamp-oo43dv-1 jqCfrG"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj StyledTimestamp-oo43dv-1 jqCfrG"
               >
                 <time
                   class="StyledTimestamp-um718p-0 bAgcOD"
@@ -442,7 +442,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -453,7 +453,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <h2
                   class="SubHeading-sc-1kh1qhu-1 jHLqCp"
@@ -464,7 +464,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </h2>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <h2
                   class="SubHeading-sc-1kh1qhu-1 jHLqCp"
@@ -475,7 +475,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </h2>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <h2
                   class="SubHeading-sc-1kh1qhu-1 jHLqCp"
@@ -486,7 +486,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </h2>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -495,7 +495,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -504,7 +504,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <div
                   class="Wrapper-e2169q-0 kopXQT"
@@ -584,7 +584,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -593,7 +593,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <div
                   class="Wrapper-e2169q-0 kopXQT"
@@ -673,7 +673,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -703,7 +703,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -712,7 +712,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -721,7 +721,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -730,7 +730,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -739,7 +739,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -748,7 +748,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -757,7 +757,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -766,7 +766,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -775,7 +775,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -791,16 +791,16 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedLargeNoMargin-sc-12lwanc-5 tOkbK"
+                class="GridItemConstrainedLargeNoMargin-sc-12lwanc-6 eGWbwr"
               >
                 <figure
                   class="Figure-sc-6a3dhy-0 gJUCFc"
                 >
                   <div
-                    class="NestedGridParentLarge-sc-12lwanc-10 hfLVVX"
+                    class="NestedGridParentLarge-sc-12lwanc-11 bejFhf"
                   >
                     <div
-                      class="NestedGridItemChildLarge-sc-12lwanc-9 fkKpIa"
+                      class="NestedGridItemChildLarge-sc-12lwanc-10 JETTZ"
                     >
                       <div
                         class="ImagePlaceholder-sc-11u25v2-0 fNqlUz"
@@ -827,7 +827,7 @@ exports[`Media Asset Page should render component 1`] = `
                       </div>
                     </div>
                     <div
-                      class="NestedGridItemChildLarge-sc-12lwanc-9 ichKJL"
+                      class="NestedGridItemChildLarge-sc-12lwanc-10 hAODCJ"
                     >
                       <figcaption
                         class="Caption-sc-16x70so-0 bjgllj"
@@ -846,16 +846,16 @@ exports[`Media Asset Page should render component 1`] = `
                 </figure>
               </div>
               <div
-                class="GridItemConstrainedLargeNoMargin-sc-12lwanc-5 tOkbK"
+                class="GridItemConstrainedLargeNoMargin-sc-12lwanc-6 eGWbwr"
               >
                 <figure
                   class="Figure-sc-6a3dhy-0 gJUCFc"
                 >
                   <div
-                    class="NestedGridParentLarge-sc-12lwanc-10 hfLVVX"
+                    class="NestedGridParentLarge-sc-12lwanc-11 bejFhf"
                   >
                     <div
-                      class="NestedGridItemChildLarge-sc-12lwanc-9 fkKpIa"
+                      class="NestedGridItemChildLarge-sc-12lwanc-10 JETTZ"
                     >
                       <div
                         class="ImagePlaceholder-sc-11u25v2-0 fNqlUz"
@@ -882,7 +882,7 @@ exports[`Media Asset Page should render component 1`] = `
                       </div>
                     </div>
                     <div
-                      class="NestedGridItemChildLarge-sc-12lwanc-9 ichKJL"
+                      class="NestedGridItemChildLarge-sc-12lwanc-10 hAODCJ"
                     >
                       <figcaption
                         class="Caption-sc-16x70so-0 bjgllj"
@@ -901,7 +901,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </figure>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <div
                   class="Wrapper-e2169q-0 kopXQT"
@@ -939,7 +939,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -948,7 +948,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-2 fVauYi"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -959,11 +959,11 @@ exports[`Media Asset Page should render component 1`] = `
             </main>
             <section
               aria-labelledby="related-content-heading"
-              class="GridWrapper-sc-12lwanc-0 hgpaqH"
+              class="GridWrapper-sc-12lwanc-1 iLHPXV"
               role="region"
             >
               <div
-                class="GridItemConstrainedLarge-sc-12lwanc-4 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
+                class="GridItemConstrainedLarge-sc-12lwanc-5 LegacyGridItemConstrainedLarge-opyob2-1 curbRF"
               >
                 <div
                   class="SectionLabelWrapper-sc-1x4gwjz-1 iLMrCu StyledSectionLabel-opyob2-2 jpnPtT"
diff --git a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
index 565e1c2646c..0e073fbb663 100644
--- a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
@@ -3288,6 +3288,73 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   }
 }
 
+@supports (display:grid) {
+  .c25 {
+    display: grid;
+    position: initial;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c27 {
+    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
+    margin: 0 0.25rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c27 {
+    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
+    margin: 0 0.25rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c27 {
+    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
+    margin: 0 0.25rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c27 {
+    width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
+    margin: 0 0.5rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c27 {
+    width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
+    margin: 0 0.5rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c27 {
+    width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
+    margin: 0 0.5rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@supports (display:grid) {
+  .c27 {
+    display: block;
+  }
+}
+
 @media (max-width:37.4375rem) {
   .c15 {
     grid-column-gap: 0.5rem;
@@ -3563,73 +3630,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   }
 }
 
-@supports (display:grid) {
-  .c25 {
-    display: grid;
-    position: initial;
-  }
-}
-
-@media (max-width:14.9375rem) {
-  .c27 {
-    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
-    margin: 0 0.25rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c27 {
-    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
-    margin: 0 0.25rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c27 {
-    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
-    margin: 0 0.25rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c27 {
-    width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
-    margin: 0 0.5rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c27 {
-    width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
-    margin: 0 0.5rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:80rem) {
-  .c27 {
-    width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
-    margin: 0 0.5rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@supports (display:grid) {
-  .c27 {
-    display: block;
-  }
-}
-
 @media (max-width:62.9375rem) {
   .c26 {
     border-bottom: 0.0625rem solid #F2F2F2;
@@ -6474,6 +6474,73 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   }
 }
 
+@supports (display:grid) {
+  .c44 {
+    display: grid;
+    position: initial;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c46 {
+    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
+    margin: 0 0.25rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c46 {
+    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
+    margin: 0 0.25rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c46 {
+    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
+    margin: 0 0.25rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c46 {
+    width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
+    margin: 0 0.5rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c46 {
+    width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
+    margin: 0 0.5rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c46 {
+    width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
+    margin: 0 0.5rem;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@supports (display:grid) {
+  .c46 {
+    display: block;
+  }
+}
+
 @media (max-width:37.4375rem) {
   .c34 {
     grid-column-gap: 0.5rem;
@@ -6900,73 +6967,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   }
 }
 
-@supports (display:grid) {
-  .c44 {
-    display: grid;
-    position: initial;
-  }
-}
-
-@media (max-width:14.9375rem) {
-  .c46 {
-    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
-    margin: 0 0.25rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c46 {
-    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
-    margin: 0 0.25rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c46 {
-    width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
-    margin: 0 0.25rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c46 {
-    width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
-    margin: 0 0.5rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c46 {
-    width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
-    margin: 0 0.5rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:80rem) {
-  .c46 {
-    width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
-    margin: 0 0.5rem;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@supports (display:grid) {
-  .c46 {
-    display: block;
-  }
-}
-
 @media (max-width:62.9375rem) {
   .c45 {
     border-bottom: 0.0625rem solid #F2F2F2;
diff --git a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
index 8cd95811986..db32bab17a9 100644
--- a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
@@ -624,6 +624,145 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   }
 }
 
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c0 {
+    display: grid;
+    position: initial;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c2 {
+    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
+    margin: 0 0.25rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c2 {
+    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
+    margin: 0 0.25rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c2 {
+    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
+    margin: 0 0.25rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c2 {
+    width: calc(8/8*(100% - 8 * 1rem) + 7 * 1rem - 0%);
+    margin: 0 0.5rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c2 {
+    width: calc(8/12*(100% - 12 * 1rem) + 7 * 1rem );
+    margin: 0 0.5rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c2 {
+    width: calc(8/12*(100% - 12 * 1rem) + 7 * 1rem );
+    margin: 0 0.5rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@supports (display:grid) {
+  .c2 {
+    display: block;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c40 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c40 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c40 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c40 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c40 {
+    width: calc(33.333333333333336%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c40 {
+    width: calc(33.333333333333336%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@supports (display:grid) {
+  .c40 {
+    display: block;
+  }
+}
+
 @media (max-width:25rem) {
   .c5 {
     padding: 0 0.5rem;
@@ -845,145 +984,6 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    padding: 0 1rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    padding: 0 1rem;
-  }
-}
-
-@supports (display:grid) {
-  .c0 {
-    display: grid;
-    position: initial;
-  }
-}
-
-@media (max-width:14.9375rem) {
-  .c2 {
-    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
-    margin: 0 0.25rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c2 {
-    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
-    margin: 0 0.25rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c2 {
-    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
-    margin: 0 0.25rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c2 {
-    width: calc(8/8*(100% - 8 * 1rem) + 7 * 1rem - 0%);
-    margin: 0 0.5rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c2 {
-    width: calc(8/12*(100% - 12 * 1rem) + 7 * 1rem );
-    margin: 0 0.5rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:80rem) {
-  .c2 {
-    width: calc(8/12*(100% - 12 * 1rem) + 7 * 1rem );
-    margin: 0 0.5rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@supports (display:grid) {
-  .c2 {
-    display: block;
-  }
-}
-
-@media (max-width:14.9375rem) {
-  .c40 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c40 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c40 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c40 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c40 {
-    width: calc(33.333333333333336%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:80rem) {
-  .c40 {
-    width: calc(33.333333333333336%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@supports (display:grid) {
-  .c40 {
-    display: block;
-  }
-}
-
 @media (max-width:62.9375rem) {
   .c44 {
     border-bottom: 0.0625rem solid #F2F2F2;
@@ -3168,85 +3168,224 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 100%;
 }
 
-@media (min-width:37.5rem) {
-  .c39 {
-    -webkit-align-items: stretch;
-    -webkit-box-align: stretch;
-    -ms-flex-align: stretch;
-    align-items: stretch;
+@media (min-width:37.5rem) {
+  .c39 {
+    -webkit-align-items: stretch;
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    align-items: stretch;
+  }
+}
+
+@media (min-width:20rem) and (max-width:37.4375rem) {
+  .c40 {
+    font-size: 1.25rem;
+    line-height: 1.5rem;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c40 {
+    font-size: 1.5rem;
+    line-height: 1.75rem;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c40 {
+    margin: 0;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c40 {
+    padding-right: 1rem;
+  }
+}
+
+@media screen and (-ms-high-contrast:active) {
+  .c36 {
+    border-color: windowText;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c36 {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 1.375rem;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c34 {
+    margin-top: 1.5rem;
+  }
+}
+
+@media (min-width:63rem) {
+  .c34 {
+    margin-bottom: 1.5rem;
+  }
+}
+
+@media (min-width:20rem) and (max-width:37.4375rem) {
+  .c32 {
+    font-size: 1.5rem;
+    line-height: 1.75rem;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c32 {
+    font-size: 2rem;
+    line-height: 2.25rem;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c32 {
+    padding-top: 2rem;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c0 {
+    display: grid;
+    position: initial;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c2 {
+    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
+    margin: 0 0.25rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c2 {
+    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
+    margin: 0 0.25rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c2 {
+    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
+    margin: 0 0.25rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:20rem) and (max-width:37.4375rem) {
-  .c40 {
-    font-size: 1.25rem;
-    line-height: 1.5rem;
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c2 {
+    width: calc(8/8*(100% - 8 * 1rem) + 7 * 1rem - 0%);
+    margin: 0 0.5rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c40 {
-    font-size: 1.5rem;
-    line-height: 1.75rem;
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c2 {
+    width: calc(8/12*(100% - 12 * 1rem) + 7 * 1rem );
+    margin: 0 0.5rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c40 {
-    margin: 0;
+@media (min-width:80rem) {
+  .c2 {
+    width: calc(8/12*(100% - 12 * 1rem) + 7 * 1rem );
+    margin: 0 0.5rem;
+    margin-left: 0%;
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c40 {
-    padding-right: 1rem;
+@supports (display:grid) {
+  .c2 {
+    display: block;
   }
 }
 
-@media screen and (-ms-high-contrast:active) {
-  .c36 {
-    border-color: windowText;
+@media (max-width:14.9375rem) {
+  .c42 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c36 {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 1.375rem;
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c42 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c34 {
-    margin-top: 1.5rem;
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c42 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:63rem) {
-  .c34 {
-    margin-bottom: 1.5rem;
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c42 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:20rem) and (max-width:37.4375rem) {
-  .c32 {
-    font-size: 1.5rem;
-    line-height: 1.75rem;
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c42 {
+    width: calc(33.333333333333336%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c32 {
-    font-size: 2rem;
-    line-height: 2.25rem;
+@media (min-width:80rem) {
+  .c42 {
+    width: calc(33.333333333333336%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c32 {
-    padding-top: 2rem;
+@supports (display:grid) {
+  .c42 {
+    display: block;
   }
 }
 
@@ -3485,145 +3624,6 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    padding: 0 1rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    padding: 0 1rem;
-  }
-}
-
-@supports (display:grid) {
-  .c0 {
-    display: grid;
-    position: initial;
-  }
-}
-
-@media (max-width:14.9375rem) {
-  .c2 {
-    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
-    margin: 0 0.25rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c2 {
-    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
-    margin: 0 0.25rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c2 {
-    width: calc(8/8*(100% - 8 * 0.5rem) + 7 * 0.5rem - 0%);
-    margin: 0 0.25rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c2 {
-    width: calc(8/8*(100% - 8 * 1rem) + 7 * 1rem - 0%);
-    margin: 0 0.5rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c2 {
-    width: calc(8/12*(100% - 12 * 1rem) + 7 * 1rem );
-    margin: 0 0.5rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:80rem) {
-  .c2 {
-    width: calc(8/12*(100% - 12 * 1rem) + 7 * 1rem );
-    margin: 0 0.5rem;
-    margin-left: 0%;
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@supports (display:grid) {
-  .c2 {
-    display: block;
-  }
-}
-
-@media (max-width:14.9375rem) {
-  .c42 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c42 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c42 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c42 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c42 {
-    width: calc(33.333333333333336%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:80rem) {
-  .c42 {
-    width: calc(33.333333333333336%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@supports (display:grid) {
-  .c42 {
-    display: block;
-  }
-}
-
 @media (max-width:62.9375rem) {
   .c46 {
     border-bottom: 0.0625rem solid #F2F2F2;

From 6c11413ddb7227492607c6895a08099970be5d78 Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Fri, 22 May 2020 08:39:01 +0300
Subject: [PATCH 02/12] Make grids

---
 src/app/containers/ArticleTimestamp/index.jsx |    7 +-
 .../CpsText/__snapshots__/index.test.jsx.snap |   77 +-
 .../__snapshots__/index.test.jsx.snap         |  147 +-
 src/app/containers/Headings/index.jsx         |    7 +-
 .../Image/__snapshots__/index.test.jsx.snap   |   85 +-
 src/app/containers/Image/index.jsx            |   12 +-
 .../__snapshots__/index.test.jsx.snap         |   60 +-
 src/app/containers/Paragraph/index.jsx        |    6 +-
 .../Text/__snapshots__/index.test.jsx.snap    |   34 +-
 src/app/lib/styledGrid/index.jsx              |   99 +-
 .../__snapshots__/index.test.jsx.snap         |   37 +-
 src/app/pages/ArticlePage/index.jsx           |   14 +-
 .../__snapshots__/index.test.jsx.snap         |   99 +-
 .../__snapshots__/index.test.jsx.snap         | 6800 ++++++++---------
 src/app/pages/PhotoGalleryPage/index.jsx      |    8 +-
 .../__snapshots__/index.test.jsx.snap         |  921 ++-
 16 files changed, 3989 insertions(+), 4424 deletions(-)

diff --git a/src/app/containers/ArticleTimestamp/index.jsx b/src/app/containers/ArticleTimestamp/index.jsx
index 884758d9b9b..4d37fd1b1bc 100644
--- a/src/app/containers/ArticleTimestamp/index.jsx
+++ b/src/app/containers/ArticleTimestamp/index.jsx
@@ -1,10 +1,7 @@
 import React, { useContext } from 'react';
 import { number, bool, string } from 'prop-types';
 import Timestamp from '@bbc/psammead-timestamp-container';
-import {
-  PopOutGridItemMedium,
-  GridItemConstrainedMedium,
-} from '#lib/styledGrid';
+import { PopOutGridItemMedium, GridItem } from '#lib/styledGrid';
 import { ServiceContext } from '#contexts/ServiceContext';
 import { formatDateNumeric } from './timeFormats';
 import {
@@ -63,7 +60,7 @@ const ArticleTimestamp = ({
     prefix: articleTimestampPrefix,
   };
 
-  const Wrapper = popOut ? PopOutGridItemMedium : GridItemConstrainedMedium;
+  const Wrapper = popOut ? PopOutGridItemMedium : GridItem;
 
   const displayLastUpdatedTimestamp = shouldDisplayLastUpdatedTimestamp({
     minutesTolerance,
diff --git a/src/app/containers/CpsText/__snapshots__/index.test.jsx.snap b/src/app/containers/CpsText/__snapshots__/index.test.jsx.snap
index a40f805ca7a..f602a6090cb 100644
--- a/src/app/containers/CpsText/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/CpsText/__snapshots__/index.test.jsx.snap
@@ -12,11 +12,11 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
   margin: 0;
 }
 
-.c0 {
+.c2 {
   grid-column: 1 / span 6;
 }
 
-.c3 {
+.c4 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: ReithSans,Helvetica,Arial,sans-serif;
@@ -26,7 +26,7 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
   list-style-type: none;
 }
 
-.c3 > li::before {
+.c4 > li::before {
   content: ' ';
   display: inline-block;
   width: 2rem;
@@ -34,11 +34,11 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
   margin-left: -2rem;
 }
 
-.c4 {
+.c5 {
   margin-bottom: 1rem;
 }
 
-.c2 {
+.c3 {
   margin-bottom: 1.5rem;
 }
 
@@ -56,54 +56,84 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
   }
 }
 
-@media (max-width:25rem) {
+@media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c0 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
   }
 }
 
-@media (min-width:37.5rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c0 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
   .c0 {
+    display: block;
+  }
+}
+
+@media (max-width:25rem) {
+  .c2 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:62.9375rem) {
+  .c2 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c2 {
     grid-column: 1 / span 5;
     max-width: 83.33%;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
+  .c2 {
     grid-column: 3 / span 5;
     max-width: 37.75rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c0 {
+  .c2 {
     grid-column: 6 / span 10;
     max-width: 38.5rem;
   }
 }
 
 @supports (display:grid) {
-  .c0 {
+  .c2 {
     max-width: initial;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c3 {
+  .c4 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c3 {
+  .c4 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
@@ -112,6 +142,7 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
 <div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
@@ -121,6 +152,7 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
   </div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
@@ -130,6 +162,7 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
   </div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
@@ -139,6 +172,7 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
   </div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
@@ -148,6 +182,7 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
   </div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
@@ -156,18 +191,18 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
     </p>
   </div>
   <div
-    class="c0"
+    class="c2"
   >
     <div
-      class="c2"
+      class="c3"
     >
       <ul
-        class="c3"
+        class="c4"
         dir="ltr"
         role="list"
       >
         <li
-          class="c4"
+          class="c5"
           role="listitem"
         >
           This is a list item
@@ -176,18 +211,18 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
     </div>
   </div>
   <div
-    class="c0"
+    class="c2"
   >
     <div
-      class="c2"
+      class="c3"
     >
       <ul
-        class="c3"
+        class="c4"
         dir="ltr"
         role="list"
       >
         <li
-          class="c4"
+          class="c5"
           role="listitem"
         >
           This is a list item
diff --git a/src/app/containers/Headings/__snapshots__/index.test.jsx.snap b/src/app/containers/Headings/__snapshots__/index.test.jsx.snap
index 1af1a1c6612..e080fdf9f0b 100644
--- a/src/app/containers/Headings/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/Headings/__snapshots__/index.test.jsx.snap
@@ -17,33 +17,33 @@ exports[`Headings with headline data should render correctly 1`] = `
   outline: none;
 }
 
-@media (max-width:63rem) {
+@media (max-width:14.9375rem) {
   .c0 {
-    grid-column: 1 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    grid-column: 3 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 6 / span 12;
+    padding: 0 1rem;
   }
 }
 
-@media (max-width:25rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    padding: 0 0.5rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@supports (display:grid) {
   .c0 {
-    padding: 0 1rem;
+    display: block;
   }
 }
 
@@ -69,6 +69,7 @@ exports[`Headings with headline data should render correctly 1`] = `
 
 <div
   class="c0"
+  dir="ltr"
 >
   <h1
     class="c1"
@@ -97,33 +98,33 @@ exports[`Headings with plain text headline should render h1 containing correct t
   outline: none;
 }
 
-@media (max-width:63rem) {
+@media (max-width:14.9375rem) {
   .c0 {
-    grid-column: 1 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    grid-column: 3 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 6 / span 12;
+    padding: 0 1rem;
   }
 }
 
-@media (max-width:25rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    padding: 0 0.5rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@supports (display:grid) {
   .c0 {
-    padding: 0 1rem;
+    display: block;
   }
 }
 
@@ -149,6 +150,7 @@ exports[`Headings with plain text headline should render h1 containing correct t
 
 <div
   class="c0"
+  dir="ltr"
 >
   <h1
     class="c1"
@@ -265,33 +267,33 @@ exports[`Headings with rich text headline with bold text should render h1 with <
   outline: none;
 }
 
-@media (max-width:63rem) {
+@media (max-width:14.9375rem) {
   .c0 {
-    grid-column: 1 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    grid-column: 3 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 6 / span 12;
+    padding: 0 1rem;
   }
 }
 
-@media (max-width:25rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    padding: 0 0.5rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@supports (display:grid) {
   .c0 {
-    padding: 0 1rem;
+    display: block;
   }
 }
 
@@ -317,6 +319,7 @@ exports[`Headings with rich text headline with bold text should render h1 with <
 
 <div
   class="c0"
+  dir="ltr"
 >
   <h1
     class="c1"
@@ -355,33 +358,33 @@ exports[`Headings with rich text headline with italic text should render h1 with
   outline: none;
 }
 
-@media (max-width:63rem) {
+@media (max-width:14.9375rem) {
   .c0 {
-    grid-column: 1 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    grid-column: 3 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 6 / span 12;
+    padding: 0 1rem;
   }
 }
 
-@media (max-width:25rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    padding: 0 0.5rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@supports (display:grid) {
   .c0 {
-    padding: 0 1rem;
+    display: block;
   }
 }
 
@@ -407,6 +410,7 @@ exports[`Headings with rich text headline with italic text should render h1 with
 
 <div
   class="c0"
+  dir="ltr"
 >
   <h1
     class="c1"
@@ -447,33 +451,33 @@ exports[`Headings with rich text should render headline with bold & italic text
   outline: none;
 }
 
-@media (max-width:63rem) {
+@media (max-width:14.9375rem) {
   .c0 {
-    grid-column: 1 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    grid-column: 3 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 6 / span 12;
+    padding: 0 1rem;
   }
 }
 
-@media (max-width:25rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    padding: 0 0.5rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@supports (display:grid) {
   .c0 {
-    padding: 0 1rem;
+    display: block;
   }
 }
 
@@ -499,6 +503,7 @@ exports[`Headings with rich text should render headline with bold & italic text
 
 <div
   class="c0"
+  dir="ltr"
 >
   <h1
     class="c1"
@@ -541,33 +546,33 @@ exports[`Headings with rich text should render headline with italic & bold text
   outline: none;
 }
 
-@media (max-width:63rem) {
+@media (max-width:14.9375rem) {
   .c0 {
-    grid-column: 1 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    grid-column: 3 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 6 / span 12;
+    padding: 0 1rem;
   }
 }
 
-@media (max-width:25rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    padding: 0 0.5rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@supports (display:grid) {
   .c0 {
-    padding: 0 1rem;
+    display: block;
   }
 }
 
@@ -593,6 +598,7 @@ exports[`Headings with rich text should render headline with italic & bold text
 
 <div
   class="c0"
+  dir="ltr"
 >
   <h1
     class="c1"
@@ -635,33 +641,33 @@ exports[`Headings with rich text with different attributes should render headlin
   outline: none;
 }
 
-@media (max-width:63rem) {
+@media (max-width:14.9375rem) {
   .c0 {
-    grid-column: 1 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    grid-column: 3 / span 6;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 6 / span 12;
+    padding: 0 1rem;
   }
 }
 
-@media (max-width:25rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    padding: 0 0.5rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@supports (display:grid) {
   .c0 {
-    padding: 0 1rem;
+    display: block;
   }
 }
 
@@ -687,6 +693,7 @@ exports[`Headings with rich text with different attributes should render headlin
 
 <div
   class="c0"
+  dir="ltr"
 >
   <h1
     class="c1"
diff --git a/src/app/containers/Headings/index.jsx b/src/app/containers/Headings/index.jsx
index 1e833743b51..0c1e8c894cf 100644
--- a/src/app/containers/Headings/index.jsx
+++ b/src/app/containers/Headings/index.jsx
@@ -8,10 +8,7 @@ import { headlineModelPropTypes } from '#models/propTypes/headline';
 import Fragment from '../Fragment';
 import Blocks from '../Blocks';
 import idSanitiser from '#lib/utilities/idSanitiser';
-import {
-  GridItemConstrainedMedium,
-  GridItemConstrainedLarge,
-} from '#lib/styledGrid';
+import { GridItem, GridItemConstrainedMedium } from '#lib/styledGrid';
 
 const StyledHeadline = styled(Headline)`
   :focus {
@@ -25,7 +22,7 @@ const Headings = {
 };
 
 const GridConstraints = {
-  headline: GridItemConstrainedLarge,
+  headline: GridItem,
   subheadline: GridItemConstrainedMedium,
 };
 
diff --git a/src/app/containers/Image/__snapshots__/index.test.jsx.snap b/src/app/containers/Image/__snapshots__/index.test.jsx.snap
index 6db33bf4199..dd0646478ad 100644
--- a/src/app/containers/Image/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/Image/__snapshots__/index.test.jsx.snap
@@ -25,21 +25,9 @@ exports[`Image with data should render a lazyload container instead of an image
   grid-column-gap: 1rem;
 }
 
-@media (max-width:63rem) {
+@supports (display:grid) {
   .c0 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    grid-column: 6 / span 12;
+    display: block;
   }
 }
 
@@ -105,6 +93,7 @@ exports[`Image with data should render a lazyload container instead of an image
 
 <div
   class="c0"
+  dir="ltr"
 >
   <figure
     class="c1"
@@ -169,21 +158,9 @@ exports[`Image with data should render an image with alt text 1`] = `
   grid-column-gap: 1rem;
 }
 
-@media (max-width:63rem) {
-  .c0 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
+@supports (display:grid) {
   .c0 {
-    grid-column: 6 / span 12;
+    display: block;
   }
 }
 
@@ -249,6 +226,7 @@ exports[`Image with data should render an image with alt text 1`] = `
 
 <div
   class="c0"
+  dir="ltr"
 >
   <figure
     class="c1"
@@ -376,21 +354,9 @@ exports[`Image with data should render an image with alt text and caption 1`] =
   }
 }
 
-@media (max-width:63rem) {
-  .c0 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@supports (display:grid) {
   .c0 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    grid-column: 6 / span 12;
+    display: block;
   }
 }
 
@@ -456,6 +422,7 @@ exports[`Image with data should render an image with alt text and caption 1`] =
 
 <div
   class="c0"
+  dir="ltr"
 >
   <figure
     class="c1"
@@ -560,21 +527,9 @@ exports[`Image with data should render an image with alt text and offscreen copy
   grid-column-gap: 1rem;
 }
 
-@media (max-width:63rem) {
-  .c0 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@supports (display:grid) {
   .c0 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    grid-column: 6 / span 12;
+    display: block;
   }
 }
 
@@ -640,6 +595,7 @@ exports[`Image with data should render an image with alt text and offscreen copy
 
 <div
   class="c0"
+  dir="ltr"
 >
   <figure
     class="c1"
@@ -742,21 +698,9 @@ exports[`Image with data should render an image with other originCode - this wou
   grid-column-gap: 1rem;
 }
 
-@media (max-width:63rem) {
-  .c0 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
+@supports (display:grid) {
   .c0 {
-    grid-column: 6 / span 12;
+    display: block;
   }
 }
 
@@ -822,6 +766,7 @@ exports[`Image with data should render an image with other originCode - this wou
 
 <div
   class="c0"
+  dir="ltr"
 >
   <figure
     class="c1"
diff --git a/src/app/containers/Image/index.jsx b/src/app/containers/Image/index.jsx
index 9b5dd6e3868..a71bcf35252 100644
--- a/src/app/containers/Image/index.jsx
+++ b/src/app/containers/Image/index.jsx
@@ -3,9 +3,9 @@ import filterForBlockType from '#lib/utilities/blockHandlers';
 import { imageModelPropTypes } from '#models/propTypes/image';
 import ArticleFigure from '../ArticleFigure';
 import {
-  GridItemConstrainedLargeNoMargin,
-  GridItemConstrainedMedium,
-  GridItemConstrainedSmall,
+  GridItemMedium,
+  GridItemSmall,
+  GridItemLargeNoMargin,
 } from '#lib/styledGrid';
 import { createSrcset } from '#lib/utilities/srcSet';
 import buildIChefURL from '#lib/utilities/ichefURL';
@@ -58,13 +58,13 @@ const ImageContainer = ({ blocks, position }) => {
   const srcSet = createSrcset(originCode, locator, width);
   const lazyLoad = shouldLazyLoad(position);
 
-  let Wrapper = GridItemConstrainedLargeNoMargin;
+  let Wrapper = GridItemLargeNoMargin;
 
   if (height === width) {
-    Wrapper = GridItemConstrainedMedium;
+    Wrapper = GridItemMedium;
   }
   if (height > width) {
-    Wrapper = GridItemConstrainedSmall;
+    Wrapper = GridItemSmall;
   }
 
   // This grid contain will be refactored in
diff --git a/src/app/containers/Paragraph/__snapshots__/index.test.jsx.snap b/src/app/containers/Paragraph/__snapshots__/index.test.jsx.snap
index b5d0c0904f2..453cdd40b6a 100644
--- a/src/app/containers/Paragraph/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/Paragraph/__snapshots__/index.test.jsx.snap
@@ -38,10 +38,6 @@ exports[`ParagraphContainer should render correctly 1`] = `
   color: #B80000;
 }
 
-.c0 {
-  grid-column: 1 / span 6;
-}
-
 @media (min-width:20rem) and (max-width:37.4375rem) {
   .c1 {
     font-size: 1rem;
@@ -56,47 +52,39 @@ exports[`ParagraphContainer should render correctly 1`] = `
   }
 }
 
-@media (max-width:25rem) {
+@media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    padding: 0 1rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c0 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 3 / span 5;
-    max-width: 37.75rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    grid-column: 6 / span 10;
-    max-width: 38.5rem;
+    padding: 0 1rem;
   }
 }
 
 @supports (display:grid) {
   .c0 {
-    max-width: initial;
+    display: block;
   }
 }
 
 <div
   class="c0"
+  dir="ltr"
 >
   <p
     class="c1"
@@ -157,10 +145,6 @@ exports[`ParagraphContainer should render correctly with inline block 1`] = `
   margin: 0;
 }
 
-.c0 {
-  grid-column: 1 / span 6;
-}
-
 @media (min-width:20rem) and (max-width:37.4375rem) {
   .c1 {
     font-size: 1rem;
@@ -175,47 +159,39 @@ exports[`ParagraphContainer should render correctly with inline block 1`] = `
   }
 }
 
-@media (max-width:25rem) {
+@media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    padding: 0 1rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c0 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 3 / span 5;
-    max-width: 37.75rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    grid-column: 6 / span 10;
-    max-width: 38.5rem;
+    padding: 0 1rem;
   }
 }
 
 @supports (display:grid) {
   .c0 {
-    max-width: initial;
+    display: block;
   }
 }
 
 <div
   class="c0"
+  dir="ltr"
 >
   <p
     class="c1"
diff --git a/src/app/containers/Paragraph/index.jsx b/src/app/containers/Paragraph/index.jsx
index dff09a91894..6e5f159452a 100644
--- a/src/app/containers/Paragraph/index.jsx
+++ b/src/app/containers/Paragraph/index.jsx
@@ -6,7 +6,7 @@ import fragment from '../Fragment';
 import InlineLink from '../InlineLink';
 import Inline from '../InlineContainer';
 import { paragraphModelPropTypes } from '#models/propTypes/paragraph';
-import { GridItemConstrainedMedium } from '#lib/styledGrid';
+import { GridItem } from '#lib/styledGrid';
 
 const componentsToRender = { fragment, urlLink: InlineLink, inline: Inline };
 
@@ -14,11 +14,11 @@ const ParagraphContainer = ({ blocks }) => {
   const { script, service } = useContext(ServiceContext);
 
   return (
-    <GridItemConstrainedMedium>
+    <GridItem>
       <Paragraph script={script} service={service}>
         <Blocks blocks={blocks} componentsToRender={componentsToRender} />
       </Paragraph>
-    </GridItemConstrainedMedium>
+    </GridItem>
   );
 };
 
diff --git a/src/app/containers/Text/__snapshots__/index.test.jsx.snap b/src/app/containers/Text/__snapshots__/index.test.jsx.snap
index 278d8c0f270..1b0282ac348 100644
--- a/src/app/containers/Text/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/Text/__snapshots__/index.test.jsx.snap
@@ -12,10 +12,6 @@ exports[`TextContainer with data should render correctly 1`] = `
   margin: 0;
 }
 
-.c0 {
-  grid-column: 1 / span 6;
-}
-
 @media (min-width:20rem) and (max-width:37.4375rem) {
   .c1 {
     font-size: 1rem;
@@ -30,48 +26,40 @@ exports[`TextContainer with data should render correctly 1`] = `
   }
 }
 
-@media (max-width:25rem) {
+@media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
+@media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
-    padding: 0 1rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c0 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
-    grid-column: 3 / span 5;
-    max-width: 37.75rem;
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:80rem) {
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
-    grid-column: 6 / span 10;
-    max-width: 38.5rem;
+    padding: 0 1rem;
   }
 }
 
 @supports (display:grid) {
   .c0 {
-    max-width: initial;
+    display: block;
   }
 }
 
 <div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
@@ -81,6 +69,7 @@ exports[`TextContainer with data should render correctly 1`] = `
   </div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
@@ -90,6 +79,7 @@ exports[`TextContainer with data should render correctly 1`] = `
   </div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
@@ -99,6 +89,7 @@ exports[`TextContainer with data should render correctly 1`] = `
   </div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
@@ -108,6 +99,7 @@ exports[`TextContainer with data should render correctly 1`] = `
   </div>
   <div
     class="c0"
+    dir="ltr"
   >
     <p
       class="c1"
diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index 525069a9388..feb61a4d07c 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -43,13 +43,110 @@ export const MediumGridWrapper = ({ children }) => {
     group5: 12,
   };
 
-  return <Grid columns={columns}>{children}</Grid>;
+  return (
+    <Grid enableGelGutters columns={columns}>
+      {children}
+    </Grid>
+  );
 };
 
 MediumGridWrapper.propTypes = {
   children: node.isRequired,
 };
 
+export const GridItem = ({ children }) => {
+  const columns = {
+    group0: 6,
+    group1: 6,
+    group2: 6,
+    group3: 6,
+    group4: 6,
+    group5: 12,
+  };
+
+  const margins = {
+    group0: true,
+    group1: true,
+    group2: true,
+    group3: true,
+    group4: false,
+    group5: false,
+  };
+
+  return (
+    <Grid item columns={columns} margins={margins}>
+      {children}
+    </Grid>
+  );
+};
+
+GridItem.propTypes = {
+  children: node.isRequired,
+};
+
+export const GridItemSmall = ({ children }) => {
+  const columns = {
+    group0: 6,
+    group1: 6,
+    group2: 6,
+    group3: 6,
+    group4: 6,
+    group5: 8,
+  };
+
+  return (
+    <Grid item columns={columns}>
+      {children}
+    </Grid>
+  );
+};
+
+GridItemSmall.propTypes = {
+  children: node.isRequired,
+};
+
+export const GridItemLargeNoMargin = ({ children }) => {
+  const columns = {
+    group0: 6,
+    group1: 6,
+    group2: 6,
+    group3: 6,
+    group4: 6,
+    group5: 12,
+  };
+
+  return (
+    <Grid item columns={columns}>
+      {children}
+    </Grid>
+  );
+};
+
+GridItemLargeNoMargin.propTypes = {
+  children: node.isRequired,
+};
+
+export const GridItemMedium = ({ children }) => {
+  const columns = {
+    group0: 6,
+    group1: 6,
+    group2: 6,
+    group3: 6,
+    group4: 6,
+    group5: 10,
+  };
+
+  return (
+    <Grid item columns={columns}>
+      {children}
+    </Grid>
+  );
+};
+
+GridItemMedium.propTypes = {
+  children: node.isRequired,
+};
+
 export const GridWrapper = styled.div`
   ${layoutGridWrapper};
   padding-bottom: ${GEL_SPACING_QUAD};
diff --git a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
index 0c1ba80d67c..aeb8db9d34d 100644
--- a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
@@ -7,14 +7,16 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
     chartbeat
   </div>
   <main
-    class="StyledMain-sc-1onvfv8-0 hAQCOp"
+    class="MediumContentContainer-sc-12lwanc-0 ggHMgf"
     role="main"
   >
     <div
-      class="GridWrapper-sc-12lwanc-1 iLHPXV"
+      class="GridComponent-nf79gm-0 cMJFwl"
+      dir="ltr"
     >
       <div
-        class="GridItemConstrainedLarge-sc-12lwanc-5 dBAoSC"
+        class="GridComponent-nf79gm-0 jkNDkL"
+        dir="ltr"
       >
         <h1
           class="Headline-sc-1kh1qhu-0 StyledHeadline-sc-1ffcmag-0 jsOCZS"
@@ -25,7 +27,8 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+        class="GridComponent-nf79gm-0 jkNDkL"
+        dir="ltr"
       >
         <p
           class="Paragraph-k859h4-0 hymSIv"
@@ -37,7 +40,7 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
   </main>
   <section
     aria-labelledby="Most-Read"
-    class="MostReadSection-sc-1onvfv8-1 jcKdxx"
+    class="MostReadSection-sc-1onvfv8-0 jfftyq"
     data-e2e="most-read"
     role="region"
   >
@@ -498,14 +501,16 @@ exports[`should render a news article correctly 1`] = `
     chartbeat
   </div>
   <main
-    class="StyledMain-sc-1onvfv8-0 hAQCOp"
+    class="MediumContentContainer-sc-12lwanc-0 ggHMgf"
     role="main"
   >
     <div
-      class="GridWrapper-sc-12lwanc-1 iLHPXV"
+      class="GridComponent-nf79gm-0 cMJFwl"
+      dir="ltr"
     >
       <div
-        class="GridItemConstrainedLarge-sc-12lwanc-5 dBAoSC"
+        class="GridComponent-nf79gm-0 jkNDkL"
+        dir="ltr"
       >
         <h1
           class="Headline-sc-1kh1qhu-0 StyledHeadline-sc-1ffcmag-0 aNHLE"
@@ -516,7 +521,8 @@ exports[`should render a news article correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+        class="GridComponent-nf79gm-0 jkNDkL"
+        dir="ltr"
       >
         <p
           class="Paragraph-k859h4-0 dSVJxu"
@@ -536,14 +542,16 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
     chartbeat
   </div>
   <main
-    class="StyledMain-sc-1onvfv8-0 hAQCOp"
+    class="MediumContentContainer-sc-12lwanc-0 ggHMgf"
     role="main"
   >
     <div
-      class="GridWrapper-sc-12lwanc-1 iLHPXV"
+      class="GridComponent-nf79gm-0 cMJFwl"
+      dir="ltr"
     >
       <div
-        class="GridItemConstrainedLarge-sc-12lwanc-5 dBAoSC"
+        class="GridComponent-nf79gm-0 jkNDkL"
+        dir="ltr"
       >
         <h1
           class="Headline-sc-1kh1qhu-0 StyledHeadline-sc-1ffcmag-0 bYbRDq"
@@ -554,7 +562,8 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+        class="GridComponent-nf79gm-0 jkNDkL"
+        dir="ltr"
       >
         <p
           class="Paragraph-k859h4-0 jfPMLX"
@@ -566,7 +575,7 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
   </main>
   <section
     aria-labelledby="Most-Read"
-    class="MostReadSection-sc-1onvfv8-1 jcKdxx"
+    class="MostReadSection-sc-1onvfv8-0 jfftyq"
     data-e2e="most-read"
     role="region"
   >
diff --git a/src/app/pages/ArticlePage/index.jsx b/src/app/pages/ArticlePage/index.jsx
index a207f45c158..6010ff984ba 100644
--- a/src/app/pages/ArticlePage/index.jsx
+++ b/src/app/pages/ArticlePage/index.jsx
@@ -27,7 +27,7 @@ import text from '#containers/Text';
 import image from '#containers/Image';
 import Blocks from '#containers/Blocks';
 import timestamp from '#containers/ArticleTimestamp';
-import { GridWrapper } from '#lib/styledGrid';
+import { MediumContentContainer, MediumGridWrapper } from '#lib/styledGrid';
 import ATIAnalytics from '#containers/ATIAnalytics';
 import ChartbeatAnalytics from '#containers/ChartbeatAnalytics';
 import articleMediaPlayer from '#containers/ArticleMediaPlayer';
@@ -55,10 +55,6 @@ const componentsToRender = {
   timestamp,
 };
 
-const StyledMain = styled.main`
-  flex-grow: 1;
-`;
-
 const MostReadSection = styled.section.attrs(() => ({
   role: 'region',
   'aria-labelledby': 'Most-Read',
@@ -138,14 +134,14 @@ const ArticlePage = ({ pageData, mostReadEndpointOverride }) => {
         dateModified={lastPublished}
         aboutTags={aboutTags}
       />
-      <StyledMain role="main">
-        <GridWrapper>
+      <MediumContentContainer role="main" as="main">
+        <MediumGridWrapper>
           <Blocks
             blocks={path(['content', 'model', 'blocks'], pageData)}
             componentsToRender={componentsToRender}
           />
-        </GridWrapper>
-      </StyledMain>
+        </MediumGridWrapper>
+      </MediumContentContainer>
       <MostReadContainer
         mostReadEndpointOverride={mostReadEndpointOverride}
         wrapper={MostReadWrapper}
diff --git a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
index c474a8422c4..f0c07c84957 100644
--- a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
@@ -61,7 +61,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </strong>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj StyledTimestamp-oo43dv-1 jqCfrG"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <time
                   class="StyledTimestamp-um718p-0 bAgcOD"
@@ -71,7 +72,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </time>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -82,7 +84,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -96,7 +99,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -118,7 +122,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -132,7 +137,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -148,7 +154,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -161,7 +168,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -170,7 +178,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -179,7 +188,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -188,7 +198,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -295,7 +306,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </div>
               </div>
               <div
-                class="GridItemConstrainedLargeNoMargin-sc-12lwanc-6 eGWbwr"
+                class="GridComponent-nf79gm-0 bOWfVf"
+                dir="ltr"
               >
                 <figure
                   class="Figure-sc-6a3dhy-0 gJUCFc"
@@ -337,7 +349,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </figure>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -346,7 +359,8 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -424,7 +438,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </strong>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj StyledTimestamp-oo43dv-1 jqCfrG"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <time
                   class="StyledTimestamp-um718p-0 bAgcOD"
@@ -442,7 +457,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -486,7 +502,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </h2>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -495,7 +512,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -584,7 +602,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -673,7 +692,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -703,7 +723,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -712,7 +733,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -721,7 +743,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -730,7 +753,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -739,7 +763,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -748,7 +773,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -757,7 +783,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -766,7 +793,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -775,7 +803,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -791,7 +820,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedLargeNoMargin-sc-12lwanc-6 eGWbwr"
+                class="GridComponent-nf79gm-0 bOWfVf"
+                dir="ltr"
               >
                 <figure
                   class="Figure-sc-6a3dhy-0 gJUCFc"
@@ -846,7 +876,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </figure>
               </div>
               <div
-                class="GridItemConstrainedLargeNoMargin-sc-12lwanc-6 eGWbwr"
+                class="GridComponent-nf79gm-0 bOWfVf"
+                dir="ltr"
               >
                 <figure
                   class="Figure-sc-6a3dhy-0 gJUCFc"
@@ -939,7 +970,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
@@ -948,7 +980,8 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj"
+                class="GridComponent-nf79gm-0 jkNDkL"
+                dir="ltr"
               >
                 <p
                   class="Paragraph-k859h4-0 hymSIv"
diff --git a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
index 0e073fbb663..9c1c7bea39d 100644
--- a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
@@ -2,11 +2,7 @@
 
 exports[`Photo Gallery Page should not show the pop-out timestamp when allowDateStamp is false 1`] = `
 <DocumentFragment>
-  .c3 {
-  grid-column: 1 / span 6;
-}
-
-.c7 {
+  .c7 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -16,7 +12,7 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   grid-column-gap: 1rem;
 }
 
-.c2 {
+.c3 {
   font-size: 1.75rem;
   line-height: 2rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -28,7 +24,7 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   padding: 2rem 0;
 }
 
-.c2:focus {
+.c3:focus {
   outline: none;
 }
 
@@ -125,8 +121,8 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
 }
 
 .c0 {
+  max-width: 46.4rem;
   margin: 0 auto;
-  padding-bottom: 2rem;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -134,144 +130,52 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   padding-bottom: 1.5rem;
 }
 
-@media (max-width:25rem) {
-  .c13 {
-    padding: 0 0.5rem;
+@supports (display:grid) {
+  .c1 {
+    display: grid;
+    position: initial;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c13 {
-    padding: 0 1rem;
+@media (max-width:14.9375rem) {
+  .c2 {
+    padding: 0 0.5rem;
   }
 }
 
-@media (max-width:25rem) {
-  .c13 {
-    grid-column: 1 / span 6;
-    padding: 0 0px;
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c2 {
+    padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c13 {
-    grid-column: 1 / span 4;
-    max-width: 66.67%;
+  .c2 {
+    padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c13 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
-    padding: 0 0px;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c13 {
-    grid-column: 3 / span 4;
-    max-width: 30rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c13 {
-    grid-column: 6 / span 8;
-    max-width: 30.6rem;
-  }
-}
-
-@supports (display:grid) {
-  .c13 {
-    max-width: initial;
-  }
-}
-
-@media (max-width:25rem) {
-  .c3 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c3 {
+  .c2 {
     padding: 0 1rem;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c3 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c3 {
-    grid-column: 3 / span 5;
-    max-width: 37.75rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c3 {
-    grid-column: 6 / span 10;
-    max-width: 38.5rem;
-  }
-}
-
 @supports (display:grid) {
-  .c3 {
-    max-width: initial;
-  }
-}
-
-@media (max-width:63rem) {
-  .c1 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c1 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c1 {
-    grid-column: 6 / span 12;
-  }
-}
-
-@media (max-width:25rem) {
-  .c1 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c1 {
-    padding: 0 1rem;
-  }
-}
-
-@media (max-width:63rem) {
-  .c5 {
-    grid-column: 1 / span 6;
+  .c2 {
+    display: block;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
+@supports (display:grid) {
   .c5 {
-    grid-column: 3 / span 6;
+    display: block;
   }
 }
 
-@media (min-width:80rem) {
-  .c5 {
-    grid-column: 6 / span 12;
+@supports (display:grid) {
+  .c13 {
+    display: block;
   }
 }
 
@@ -433,21 +337,21 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c2 {
+  .c3 {
     font-size: 2rem;
     line-height: 2.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     font-size: 2.75rem;
     line-height: 3rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     padding: 2.5rem 0;
   }
 }
@@ -492,46 +396,6 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   }
 }
 
-@media (max-width:37.4375rem) {
-  .c0 {
-    grid-column-gap: 0.5rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c0 {
-    grid-column-gap: 1rem;
-  }
-}
-
-@media (max-width:62.9375rem) {
-  .c0 {
-    grid-template-columns: repeat(6,1fr);
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
-    max-width: 45.5rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
-    max-width: 46.4rem;
-  }
-}
-
-@supports (display:grid) {
-  .c0 {
-    display: grid;
-    max-width: initial;
-    margin: initial;
-  }
-}
-
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;
@@ -560,623 +424,645 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
             >
               <div
                 class="c1"
+                dir="ltr"
               >
-                <h1
+                <div
                   class="c2"
-                  id="content"
-                  tabindex="-1"
+                  dir="ltr"
                 >
-                  Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
-                </h1>
-              </div>
-              <div
-                class="c3"
-              >
-                <p
-                  class="c4"
+                  <h1
+                    class="c3"
+                    id="content"
+                    tabindex="-1"
+                  >
+                    Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
+                  </h1>
+                </div>
+                <div
+                  class="c2"
+                  dir="ltr"
                 >
-                  Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
-                </p>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  <p
+                    class="c4"
+                  >
+                    Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
+                  </p>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          1. Masaraa Aaxee Minilik Manni durii kunis kan bara 1875tti Aaxee Minilkiin ijaarame yoo ta'u, seenaa magaalaa Finfinnee keessattis masaraa jalqabaati. Mana seena qabeessa kanas wayita ammaa kanatti waldaa Qidista Maariyaam Tawaahido Ortodoksii Itoophiyaatu bulchaa jira. Irra caalaan mana kanaas dhoqqee fi dhakaa irraa kan ijaarame yoo ta'u, dhaabbiin isaa muka gaattiiraati. Dagaleen isaas kan hidhame gogaa qotiyyootiin ture.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            1. Masaraa Aaxee Minilik Manni durii kunis kan bara 1875tti Aaxee Minilkiin ijaarame yoo ta'u, seenaa magaalaa Finfinnee keessattis masaraa jalqabaati. Mana seena qabeessa kanas wayita ammaa kanatti waldaa Qidista Maariyaam Tawaahido Ortodoksii Itoophiyaatu bulchaa jira. Irra caalaan mana kanaas dhoqqee fi dhakaa irraa kan ijaarame yoo ta'u, dhaabbiin isaa muka gaattiiraati. Dagaleen isaas kan hidhame gogaa qotiyyootiin ture.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Dallaa masaraa keessattis manneen sadi ni argamu. Inni jalqabaas mana itti boqonnaa keessummaa yoo ta'u, inni lammaffaan mana ciisaa mootii fi giiftii akkasumas mana faayaan garaa garaa fi meeshaan waraanaa ka'amuudha. Inni sadaffaan ammookutaalee walgahii, bakka itti nyaatamuu, fi bakka dammii fi foon itti olkaa'amuu ammalleenni mul'atu.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Dallaa masaraa keessattis manneen sadi ni argamu. Inni jalqabaas mana itti boqonnaa keessummaa yoo ta'u, inni lammaffaan mana ciisaa mootii fi giiftii akkasumas mana faayaan garaa garaa fi meeshaan waraanaa ka'amuudha. Inni sadaffaan ammookutaalee walgahii, bakka itti nyaatamuu, fi bakka dammii fi foon itti olkaa'amuu ammalleenni mul'atu.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c13"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c13"
+                  dir="ltr"
                 >
-                  <div
-                    class="c14"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c15"
+                      class="c14"
                     >
                       <div
-                        class="c16"
+                        class="c15"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c16"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c17"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c17"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Akka daawwachistoonni naannawichaa jedhanittis, Aaxee Minilik gara Adawaatti kan duulan masaraadhuma kanaa ka'uun injofannoon boodas asumatti deebii'an jedhama. Kana malees, baargamoon dallaa keessatti mul'atu kanas baargamoowwan Aaxee Minilik biyya Awusitraaliyaatii fidan keessaa akka ta'e dubbatama.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Akka daawwachistoonni naannawichaa jedhanittis, Aaxee Minilik gara Adawaatti kan duulan masaraadhuma kanaa ka'uun injofannoon boodas asumatti deebii'an jedhama. Kana malees, baargamoon dallaa keessatti mul'atu kanas baargamoowwan Aaxee Minilik biyya Awusitraaliyaatii fidan keessaa akka ta'e dubbatama.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c18"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c18"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
+                      </div>
+                      <div
+                        class="c10"
+                      >
+                        <figcaption
+                          class="c11"
+                        >
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            2. Mana Raas Tasamaa Naadoo Manni kunis Kutaa magaalaa Lidataa Aanaa 07 naanawa Hospitaala Tiqur Anbasaa Noki bakka gaaziin itti gurguramutti argama. Wayita ammaa kanattis mana barnoota Sadarkaa tokkooffaa Mejar Janaraal YaaYilom Arayaa ta'uun tajaajilaa jira. Bara isaattis faayaawwanii fi ibsaawwan isaa Awuroppaadhaa fiduun kan itti galfaman yoo ta'u, bareeda isaatiin kan ka'ees moggaasa 'Shawaan dinqisiifate' (Shawaan Garamawu) jedhu argate ture. Akkasumas Aaxe Hayilasillaaseen tibba qohpii addaa masaraa isaanitti qabaatan faayaa fi ambooloota asii ergifachaa akka turan illeen ni himama.
+                          </p>
+                        </figcaption>
                       </div>
                     </div>
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
+                >
+                  <figure
+                    class="c6"
+                  >
                     <div
-                      class="c10"
+                      class="c7"
                     >
-                      <figcaption
-                        class="c11"
-                      >
-                        <span
-                          class="c12"
-                        >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          2. Mana Raas Tasamaa Naadoo Manni kunis Kutaa magaalaa Lidataa Aanaa 07 naanawa Hospitaala Tiqur Anbasaa Noki bakka gaaziin itti gurguramutti argama. Wayita ammaa kanattis mana barnoota Sadarkaa tokkooffaa Mejar Janaraal YaaYilom Arayaa ta'uun tajaajilaa jira. Bara isaattis faayaawwanii fi ibsaawwan isaa Awuroppaadhaa fiduun kan itti galfaman yoo ta'u, bareeda isaatiin kan ka'ees moggaasa 'Shawaan dinqisiifate' (Shawaan Garamawu) jedhu argate ture. Akkasumas Aaxe Hayilasillaaseen tibba qohpii addaa masaraa isaanitti qabaatan faayaa fi ambooloota asii ergifachaa akka turan illeen ni himama.
-                        </p>
-                      </figcaption>
-                    </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
-                >
-                  <div
-                    class="c7"
-                  >
-                    <div
-                      class="c8"
-                    >
-                      <div
-                        class="c9"
+                      <div
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Ambooloonni ibsaa Awuroppaadhaa dhufan isaan kanneen ta'u isaanitiif ragaa qabaachu yoo baatame illeen ammalleen manicha keessatti eddoo garaa garaatti raraafamanii ni mul'atu.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Ambooloonni ibsaa Awuroppaadhaa dhufan isaan kanneen ta'u isaanitiif ragaa qabaachu yoo baatame illeen ammalleen manicha keessatti eddoo garaa garaatti raraafamanii ni mul'atu.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c18"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c18"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          3. Mana Dubbii Hiimaa Mootii Axinaafuu Sagadi Manni durii kunis kan argamu kutaa magaalaa Qiirqoos naannawa Kaazaanchis jedhamutti yoo ta'u, wayita ammaa kanattis mana barnootaa Yelibe Faanaa jedhamuun tajaajilaa jira. Manni kunis bara 1884tti kan ijaarame yoo ta'u, abbaan qabeenya manichaa Axinaafuu Sagadi lola Xaaliyaanii waliin taasifameen Maacoorratti du'aniiru.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            3. Mana Dubbii Hiimaa Mootii Axinaafuu Sagadi Manni durii kunis kan argamu kutaa magaalaa Qiirqoos naannawa Kaazaanchis jedhamutti yoo ta'u, wayita ammaa kanattis mana barnootaa Yelibe Faanaa jedhamuun tajaajilaa jira. Manni kunis bara 1884tti kan ijaarame yoo ta'u, abbaan qabeenya manichaa Axinaafuu Sagadi lola Xaaliyaanii waliin taasifameen Maacoorratti du'aniiru.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Irra caalaan mana kanaas dhakkaa adii fi simintoodhaan kan ijaarameedha. Kutaan jalaa mana durii kanaatis bakka itti bilcheefamu ta'uun tajaajila ture. Dizaayinariin mana kanaas nama Mahaammad Walee jedhamu akka ture ragaaleen ni mul'isu.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Irra caalaan mana kanaas dhakkaa adii fi simintoodhaan kan ijaarameedha. Kutaan jalaa mana durii kanaatis bakka itti bilcheefamu ta'uun tajaajila ture. Dizaayinariin mana kanaas nama Mahaammad Walee jedhamu akka ture ragaaleen ni mul'isu.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Kana malees, darbii isa gubbaa irraa kan ittiin gadi gara kuttaa lafa jalaatti bu'amuun sadarkaawwan bareedaas alaa fi keessaan kan ijaarameef yoo ta'u, sababii umurii isaatiin amma duloomaa jira.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Kana malees, darbii isa gubbaa irraa kan ittiin gadi gara kuttaa lafa jalaatti bu'amuun sadarkaawwan bareedaas alaa fi keessaan kan ijaarameef yoo ta'u, sababii umurii isaatiin amma duloomaa jira.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          4. Mana Dubbii Hiimaa Mootii Nasiibuu Masqaloo Manni kunis kutaa magaalaa Araadaa Aaanaa 07 keessatti kan argamu yoo ta'u, kan ijaaramees bara 1898tti. Abbaa manaa kan turan Dubbii Hiimaa Mootii Nasiibuu Masqaloonis, mootii Aaxee Minilik yammu jalqabaaf mana marii ministirootaa hundeessanitti nama Ministira Murtii jalqabaa ta'uun kan mudamaniidha. Murtiin Dubbii Hiimaa Mootii Nasiibuu Masqaloo dabarsan yeroodhaa gara yerootti cimaa waan tureef himatamtoonni isaan duratti dhiyaachu hin barbaadan ture.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            4. Mana Dubbii Hiimaa Mootii Nasiibuu Masqaloo Manni kunis kutaa magaalaa Araadaa Aaanaa 07 keessatti kan argamu yoo ta'u, kan ijaaramees bara 1898tti. Abbaa manaa kan turan Dubbii Hiimaa Mootii Nasiibuu Masqaloonis, mootii Aaxee Minilik yammu jalqabaaf mana marii ministirootaa hundeessanitti nama Ministira Murtii jalqabaa ta'uun kan mudamaniidha. Murtiin Dubbii Hiimaa Mootii Nasiibuu Masqaloo dabarsan yeroodhaa gara yerootti cimaa waan tureef himatamtoonni isaan duratti dhiyaachu hin barbaadan ture.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Mannii durii kun abbaa darbii tokko yoo ta'u, jalli isaa akka gola itti bilcheefataniitti tajaajilaa ture. Kutaan jala manichaa ammoo bu'uura cimaa irratti kan ijaarame yoo ta'eeyyuu umurii fi kunuunsi gahaan waan hin tasifamneef baayyee dadhabaa jira.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Mannii durii kun abbaa darbii tokko yoo ta'u, jalli isaa akka gola itti bilcheefataniitti tajaajilaa ture. Kutaan jala manichaa ammoo bu'uura cimaa irratti kan ijaarame yoo ta'eeyyuu umurii fi kunuunsi gahaan waan hin tasifamneef baayyee dadhabaa jira.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Wayita ammaa kanattis maatiin 40 olitu mana keessa jiraachaa jira. Naannawa manichaattis manneen dabalataa walitti qabatan baayyeen ijaaramanii jiru. Kana malees, foddaa fi karriwwan mana kanaa irra caalaan sibilatti geedaramanii jiru.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Wayita ammaa kanattis maatiin 40 olitu mana keessa jiraachaa jira. Naannawa manichaattis manneen dabalataa walitti qabatan baayyeen ijaaramanii jiru. Kana malees, foddaa fi karriwwan mana kanaa irra caalaan sibilatti geedaramanii jiru.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Mana Dubbii Hiimaa Mootii Nasiibuu Masqaloo kanaaf foyya'iinsi atattamaa yoo taasifame malee manichis ta'e namoonni achi keessa jiraatan balaaf saaxilamu malu.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Mana Dubbii Hiimaa Mootii Nasiibuu Masqaloo kanaaf foyya'iinsi atattamaa yoo taasifame malee manichis ta'e namoonni achi keessa jiraatan balaaf saaxilamu malu.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          5. Mana Luli Raas Siyum Mangashaa Manneen duraan ilaalle dabalate, manni maastar plaanii magaalaatiin akka qabeenyaatti galmeefame kun, mana Luli Raas Siyum Mangashaa naannawa Faransaayitti argamuuhda. Kunis mana viilaa durii isa guddaadha. Haalli ijaarsa isaas kan oggummaa ijaarsa manaa bara sanaa agarsiisuudha.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            5. Mana Luli Raas Siyum Mangashaa Manneen duraan ilaalle dabalate, manni maastar plaanii magaalaatiin akka qabeenyaatti galmeefame kun, mana Luli Raas Siyum Mangashaa naannawa Faransaayitti argamuuhda. Kunis mana viilaa durii isa guddaadha. Haalli ijaarsa isaas kan oggummaa ijaarsa manaa bara sanaa agarsiisuudha.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Akkuma Dubbii Hiimaa Mootii Nasiibuu Masqaloo, asis abbootii warraa baayyeetu jiraataachaa jira. Manni tibba tokko mana jireenyaa nama tokko turees har'aa abbootii warraa 30 olitu keessa jiraachaa jira. Naannawa manichaattis manneen hedduun ijaaramanii jiru.
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Akkuma Dubbii Hiimaa Mootii Nasiibuu Masqaloo, asis abbootii warraa baayyeetu jiraataachaa jira. Manni tibba tokko mana jireenyaa nama tokko turees har'aa abbootii warraa 30 olitu keessa jiraachaa jira. Naannawa manichaattis manneen hedduun ijaaramanii jiru.
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
-              </div>
-              <div
-                class="c5"
-              >
-                <figure
-                  class="c6"
+                  </figure>
+                </div>
+                <div
+                  class="c5"
+                  dir="ltr"
                 >
-                  <div
-                    class="c7"
+                  <figure
+                    class="c6"
                   >
                     <div
-                      class="c8"
+                      class="c7"
                     >
                       <div
-                        class="c9"
+                        class="c8"
                       >
                         <div
-                          class="lazyload-placeholder"
-                        />
-                        <noscript />
+                          class="c9"
+                        >
+                          <div
+                            class="lazyload-placeholder"
+                          />
+                          <noscript />
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="c10"
-                    >
-                      <figcaption
-                        class="c11"
+                      <div
+                        class="c10"
                       >
-                        <span
-                          class="c12"
+                        <figcaption
+                          class="c11"
                         >
-                          Ibsa waa'ee suuraa, 
-                        </span>
-                        <p>
-                          Manneen durii kanneeniif yoo haaromsi atattamaa taasifame malee jireenyi namoota keessa jiraatanii balaa irratti argama
-                        </p>
-                      </figcaption>
+                          <span
+                            class="c12"
+                          >
+                            Ibsa waa'ee suuraa, 
+                          </span>
+                          <p>
+                            Manneen durii kanneeniif yoo haaromsi atattamaa taasifame malee jireenyi namoota keessa jiraatanii balaa irratti argama
+                          </p>
+                        </figcaption>
+                      </div>
                     </div>
-                  </div>
-                </figure>
+                  </figure>
+                </div>
               </div>
             </main>
           </div>
@@ -1417,21 +1303,17 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
     </script>
   </head>
   <body>
-    .c3 {
-  grid-column: 1 / span 6;
-}
-
-.c9 {
+    .c8 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c16 {
+.c15 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c2 {
+.c3 {
   font-size: 1.75rem;
   line-height: 2rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -1443,11 +1325,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   padding: 2rem 0;
 }
 
-.c2:focus {
+.c3:focus {
   outline: none;
 }
 
-.c6 {
+.c5 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -1458,13 +1340,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   margin: 0;
 }
 
-.c8 {
+.c7 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c14 {
+.c13 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -1476,7 +1358,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   margin: 0;
 }
 
-.c13 {
+.c12 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -1487,20 +1369,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   width: 100%;
 }
 
-.c13 > p {
+.c12 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c13 > p:last-child {
+.c12 > p:last-child {
   padding-bottom: 0;
 }
 
-.c13 i {
+.c12 i {
   font-style: normal;
 }
 
-.c11 {
+.c10 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1513,7 +1395,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c18 {
+.c17 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1526,7 +1408,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c20 {
+.c19 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1539,7 +1421,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c5 {
+.c4 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -1550,13 +1432,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   padding-bottom: 0.25rem;
 }
 
-.c5:last-child {
+.c4:last-child {
   padding-bottom: 1rem;
 }
 
 .c0 {
+  max-width: 46.4rem;
   margin: 0 auto;
-  padding-bottom: 2rem;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -1564,434 +1446,292 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   padding-bottom: 1.5rem;
 }
 
-.c4 {
-  padding-bottom: 1rem;
+@supports (display:grid) {
+  .c1 {
+    display: grid;
+    position: initial;
+  }
 }
 
-@media (max-width:25rem) {
-  .c15 {
+@media (max-width:14.9375rem) {
+  .c2 {
     padding: 0 0.5rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c15 {
-    padding: 0 1rem;
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c2 {
+    padding: 0 0.5rem;
   }
 }
 
-@media (max-width:25rem) {
-  .c15 {
-    grid-column: 1 / span 6;
-    padding: 0 0px;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c15 {
-    grid-column: 1 / span 4;
-    max-width: 66.67%;
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c2 {
+    padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c15 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
-    padding: 0 0px;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c15 {
-    grid-column: 3 / span 4;
-    max-width: 30rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c15 {
-    grid-column: 6 / span 8;
-    max-width: 30.6rem;
-  }
-}
-
-@supports (display:grid) {
-  .c15 {
-    max-width: initial;
-  }
-}
-
-@media (max-width:25rem) {
-  .c3 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c3 {
+  .c2 {
     padding: 0 1rem;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c3 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c3 {
-    grid-column: 3 / span 5;
-    max-width: 37.75rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c3 {
-    grid-column: 6 / span 10;
-    max-width: 38.5rem;
-  }
-}
-
 @supports (display:grid) {
-  .c3 {
-    max-width: initial;
-  }
-}
-
-@media (max-width:63rem) {
-  .c1 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c1 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c1 {
-    grid-column: 6 / span 12;
-  }
-}
-
-@media (max-width:25rem) {
-  .c1 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c1 {
-    padding: 0 1rem;
-  }
-}
-
-@media (max-width:63rem) {
-  .c7 {
-    grid-column: 1 / span 6;
+  .c2 {
+    display: block;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c7 {
-    grid-column: 3 / span 6;
+@supports (display:grid) {
+  .c6 {
+    display: block;
   }
 }
 
-@media (min-width:80rem) {
-  .c7 {
-    grid-column: 6 / span 12;
+@supports (display:grid) {
+  .c14 {
+    display: block;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c17 {
+  .c16 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c17 {
+  .c16 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c17 {
+  .c16 {
     grid-column: 1 / span 4;
     margin-left: 1em;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c17 {
+  .c16 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c17 {
+  .c16 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c19 {
+  .c18 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c19 {
+  .c18 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c19 {
+  .c18 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c19 {
+  .c18 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c19 {
+  .c18 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c12 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c12 {
+  .c11 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c12 {
+  .c11 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c12 {
+  .c11 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c9 {
+  .c8 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c8 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (max-width:25rem) {
-  .c16 {
+  .c15 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c16 {
+  .c15 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c16 {
+  .c15 {
     grid-template-columns: repeat(5,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c16 {
+  .c15 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c16 {
+  .c15 {
     grid-template-columns: repeat(8,1fr);
   }
 }
 
 @supports (display:grid) {
-  .c16 {
+  .c15 {
     max-width: initial;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c2 {
+  .c3 {
     font-size: 2rem;
     line-height: 2.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     font-size: 2.75rem;
     line-height: 3rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     padding: 2.5rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c6 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c13 {
+  .c12 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c13 {
+  .c12 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c13 {
+  .c12 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c13 {
+  .c12 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c4 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c4 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
-@media (max-width:37.4375rem) {
-  .c0 {
-    grid-column-gap: 0.5rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c0 {
-    grid-column-gap: 1rem;
-  }
-}
-
-@media (max-width:62.9375rem) {
-  .c0 {
-    grid-template-columns: repeat(6,1fr);
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
-    max-width: 45.5rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
-    max-width: 46.4rem;
-  }
-}
-
-@supports (display:grid) {
-  .c0 {
-    display: grid;
-    max-width: initial;
-    margin: initial;
-  }
-}
-
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;
   }
 }
 
-@media (min-width:63rem) {
-  .c4 {
-    padding-bottom: 1.5rem;
-  }
-}
-
 <div>
       <div
         id="ContextsContainer"
@@ -2015,633 +1755,656 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                 >
                   <div
                     class="c1"
+                    dir="ltr"
                   >
-                    <h1
+                    <div
                       class="c2"
-                      id="content"
-                      tabindex="-1"
+                      dir="ltr"
                     >
-                      Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
-                    </h1>
-                  </div>
-                  <div
-                    class="c3 c4"
-                  >
-                    <time
-                      class="c5"
-                      datetime="2017-09-21"
+                      <h1
+                        class="c3"
+                        id="content"
+                        tabindex="-1"
+                      >
+                        Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
+                      </h1>
+                    </div>
+                    <div
+                      class="c2"
+                      dir="ltr"
                     >
-                      21 Fuulbaana 2017
-                    </time>
-                  </div>
-                  <div
-                    class="c3"
-                  >
-                    <p
-                      class="c6"
+                      <time
+                        class="c4"
+                        datetime="2017-09-21"
+                      >
+                        21 Fuulbaana 2017
+                      </time>
+                    </div>
+                    <div
+                      class="c2"
+                      dir="ltr"
                     >
-                      Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
-                    </p>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      <p
+                        class="c5"
+                      >
+                        Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
+                      </p>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                          </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
-                          >
-                            <span
-                              class="c14"
+                              class="c10"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              1. Masaraa Aaxee Minilik Manni durii kunis kan bara 1875tti Aaxee Minilkiin ijaarame yoo ta'u, seenaa magaalaa Finfinnee keessattis masaraa jalqabaati. Mana seena qabeessa kanas wayita ammaa kanatti waldaa Qidista Maariyaam Tawaahido Ortodoksii Itoophiyaatu bulchaa jira. Irra caalaan mana kanaas dhoqqee fi dhakaa irraa kan ijaarame yoo ta'u, dhaabbiin isaa muka gaattiiraati. Dagaleen isaas kan hidhame gogaa qotiyyootiin ture.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
-                    >
-                      <div
-                        class="c9"
-                      >
-                        <div
-                          class="c10"
-                        >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
+                          </div>
                           <div
                             class="c11"
                           >
-                            <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                          </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
-                          >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Dallaa masaraa keessattis manneen sadi ni argamu. Inni jalqabaas mana itti boqonnaa keessummaa yoo ta'u, inni lammaffaan mana ciisaa mootii fi giiftii akkasumas mana faayaan garaa garaa fi meeshaan waraanaa ka'amuudha. Inni sadaffaan ammookutaalee walgahii, bakka itti nyaatamuu, fi bakka dammii fi foon itti olkaa'amuu ammalleenni mul'atu.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                1. Masaraa Aaxee Minilik Manni durii kunis kan bara 1875tti Aaxee Minilkiin ijaarame yoo ta'u, seenaa magaalaa Finfinnee keessattis masaraa jalqabaati. Mana seena qabeessa kanas wayita ammaa kanatti waldaa Qidista Maariyaam Tawaahido Ortodoksii Itoophiyaatu bulchaa jira. Irra caalaan mana kanaas dhoqqee fi dhakaa irraa kan ijaarame yoo ta'u, dhaabbiin isaa muka gaattiiraati. Dagaleen isaas kan hidhame gogaa qotiyyootiin ture.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c15"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c16"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c17"
+                          class="c8"
                         >
                           <div
-                            class="c18"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c19"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Akka daawwachistoonni naannawichaa jedhanittis, Aaxee Minilik gara Adawaatti kan duulan masaraadhuma kanaa ka'uun injofannoon boodas asumatti deebii'an jedhama. Kana malees, baargamoon dallaa keessatti mul'atu kanas baargamoowwan Aaxee Minilik biyya Awusitraaliyaatii fidan keessaa akka ta'e dubbatama.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Dallaa masaraa keessattis manneen sadi ni argamu. Inni jalqabaas mana itti boqonnaa keessummaa yoo ta'u, inni lammaffaan mana ciisaa mootii fi giiftii akkasumas mana faayaan garaa garaa fi meeshaan waraanaa ka'amuudha. Inni sadaffaan ammookutaalee walgahii, bakka itti nyaatamuu, fi bakka dammii fi foon itti olkaa'amuu ammalleenni mul'atu.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c14"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c15"
                         >
                           <div
-                            class="c20"
+                            class="c16"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c17"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c18"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              2. Mana Raas Tasamaa Naadoo Manni kunis Kutaa magaalaa Lidataa Aanaa 07 naanawa Hospitaala Tiqur Anbasaa Noki bakka gaaziin itti gurguramutti argama. Wayita ammaa kanattis mana barnoota Sadarkaa tokkooffaa Mejar Janaraal YaaYilom Arayaa ta'uun tajaajilaa jira. Bara isaattis faayaawwanii fi ibsaawwan isaa Awuroppaadhaa fiduun kan itti galfaman yoo ta'u, bareeda isaatiin kan ka'ees moggaasa 'Shawaan dinqisiifate' (Shawaan Garamawu) jedhu argate ture. Akkasumas Aaxe Hayilasillaaseen tibba qohpii addaa masaraa isaanitti qabaatan faayaa fi ambooloota asii ergifachaa akka turan illeen ni himama.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Akka daawwachistoonni naannawichaa jedhanittis, Aaxee Minilik gara Adawaatti kan duulan masaraadhuma kanaa ka'uun injofannoon boodas asumatti deebii'an jedhama. Kana malees, baargamoon dallaa keessatti mul'atu kanas baargamoowwan Aaxee Minilik biyya Awusitraaliyaatii fidan keessaa akka ta'e dubbatama.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c19"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Ambooloonni ibsaa Awuroppaadhaa dhufan isaan kanneen ta'u isaanitiif ragaa qabaachu yoo baatame illeen ammalleen manicha keessatti eddoo garaa garaatti raraafamanii ni mul'atu.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                2. Mana Raas Tasamaa Naadoo Manni kunis Kutaa magaalaa Lidataa Aanaa 07 naanawa Hospitaala Tiqur Anbasaa Noki bakka gaaziin itti gurguramutti argama. Wayita ammaa kanattis mana barnoota Sadarkaa tokkooffaa Mejar Janaraal YaaYilom Arayaa ta'uun tajaajilaa jira. Bara isaattis faayaawwanii fi ibsaawwan isaa Awuroppaadhaa fiduun kan itti galfaman yoo ta'u, bareeda isaatiin kan ka'ees moggaasa 'Shawaan dinqisiifate' (Shawaan Garamawu) jedhu argate ture. Akkasumas Aaxe Hayilasillaaseen tibba qohpii addaa masaraa isaanitti qabaatan faayaa fi ambooloota asii ergifachaa akka turan illeen ni himama.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c20"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              3. Mana Dubbii Hiimaa Mootii Axinaafuu Sagadi Manni durii kunis kan argamu kutaa magaalaa Qiirqoos naannawa Kaazaanchis jedhamutti yoo ta'u, wayita ammaa kanattis mana barnootaa Yelibe Faanaa jedhamuun tajaajilaa jira. Manni kunis bara 1884tti kan ijaarame yoo ta'u, abbaan qabeenya manichaa Axinaafuu Sagadi lola Xaaliyaanii waliin taasifameen Maacoorratti du'aniiru.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Ambooloonni ibsaa Awuroppaadhaa dhufan isaan kanneen ta'u isaanitiif ragaa qabaachu yoo baatame illeen ammalleen manicha keessatti eddoo garaa garaatti raraafamanii ni mul'atu.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c19"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Irra caalaan mana kanaas dhakkaa adii fi simintoodhaan kan ijaarameedha. Kutaan jalaa mana durii kanaatis bakka itti bilcheefamu ta'uun tajaajila ture. Dizaayinariin mana kanaas nama Mahaammad Walee jedhamu akka ture ragaaleen ni mul'isu.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                3. Mana Dubbii Hiimaa Mootii Axinaafuu Sagadi Manni durii kunis kan argamu kutaa magaalaa Qiirqoos naannawa Kaazaanchis jedhamutti yoo ta'u, wayita ammaa kanattis mana barnootaa Yelibe Faanaa jedhamuun tajaajilaa jira. Manni kunis bara 1884tti kan ijaarame yoo ta'u, abbaan qabeenya manichaa Axinaafuu Sagadi lola Xaaliyaanii waliin taasifameen Maacoorratti du'aniiru.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Kana malees, darbii isa gubbaa irraa kan ittiin gadi gara kuttaa lafa jalaatti bu'amuun sadarkaawwan bareedaas alaa fi keessaan kan ijaarameef yoo ta'u, sababii umurii isaatiin amma duloomaa jira.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Irra caalaan mana kanaas dhakkaa adii fi simintoodhaan kan ijaarameedha. Kutaan jalaa mana durii kanaatis bakka itti bilcheefamu ta'uun tajaajila ture. Dizaayinariin mana kanaas nama Mahaammad Walee jedhamu akka ture ragaaleen ni mul'isu.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              4. Mana Dubbii Hiimaa Mootii Nasiibuu Masqaloo Manni kunis kutaa magaalaa Araadaa Aaanaa 07 keessatti kan argamu yoo ta'u, kan ijaaramees bara 1898tti. Abbaa manaa kan turan Dubbii Hiimaa Mootii Nasiibuu Masqaloonis, mootii Aaxee Minilik yammu jalqabaaf mana marii ministirootaa hundeessanitti nama Ministira Murtii jalqabaa ta'uun kan mudamaniidha. Murtiin Dubbii Hiimaa Mootii Nasiibuu Masqaloo dabarsan yeroodhaa gara yerootti cimaa waan tureef himatamtoonni isaan duratti dhiyaachu hin barbaadan ture.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Kana malees, darbii isa gubbaa irraa kan ittiin gadi gara kuttaa lafa jalaatti bu'amuun sadarkaawwan bareedaas alaa fi keessaan kan ijaarameef yoo ta'u, sababii umurii isaatiin amma duloomaa jira.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Mannii durii kun abbaa darbii tokko yoo ta'u, jalli isaa akka gola itti bilcheefataniitti tajaajilaa ture. Kutaan jala manichaa ammoo bu'uura cimaa irratti kan ijaarame yoo ta'eeyyuu umurii fi kunuunsi gahaan waan hin tasifamneef baayyee dadhabaa jira.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                4. Mana Dubbii Hiimaa Mootii Nasiibuu Masqaloo Manni kunis kutaa magaalaa Araadaa Aaanaa 07 keessatti kan argamu yoo ta'u, kan ijaaramees bara 1898tti. Abbaa manaa kan turan Dubbii Hiimaa Mootii Nasiibuu Masqaloonis, mootii Aaxee Minilik yammu jalqabaaf mana marii ministirootaa hundeessanitti nama Ministira Murtii jalqabaa ta'uun kan mudamaniidha. Murtiin Dubbii Hiimaa Mootii Nasiibuu Masqaloo dabarsan yeroodhaa gara yerootti cimaa waan tureef himatamtoonni isaan duratti dhiyaachu hin barbaadan ture.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Wayita ammaa kanattis maatiin 40 olitu mana keessa jiraachaa jira. Naannawa manichaattis manneen dabalataa walitti qabatan baayyeen ijaaramanii jiru. Kana malees, foddaa fi karriwwan mana kanaa irra caalaan sibilatti geedaramanii jiru.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Mannii durii kun abbaa darbii tokko yoo ta'u, jalli isaa akka gola itti bilcheefataniitti tajaajilaa ture. Kutaan jala manichaa ammoo bu'uura cimaa irratti kan ijaarame yoo ta'eeyyuu umurii fi kunuunsi gahaan waan hin tasifamneef baayyee dadhabaa jira.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Mana Dubbii Hiimaa Mootii Nasiibuu Masqaloo kanaaf foyya'iinsi atattamaa yoo taasifame malee manichis ta'e namoonni achi keessa jiraatan balaaf saaxilamu malu.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Wayita ammaa kanattis maatiin 40 olitu mana keessa jiraachaa jira. Naannawa manichaattis manneen dabalataa walitti qabatan baayyeen ijaaramanii jiru. Kana malees, foddaa fi karriwwan mana kanaa irra caalaan sibilatti geedaramanii jiru.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              5. Mana Luli Raas Siyum Mangashaa Manneen duraan ilaalle dabalate, manni maastar plaanii magaalaatiin akka qabeenyaatti galmeefame kun, mana Luli Raas Siyum Mangashaa naannawa Faransaayitti argamuuhda. Kunis mana viilaa durii isa guddaadha. Haalli ijaarsa isaas kan oggummaa ijaarsa manaa bara sanaa agarsiisuudha.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Mana Dubbii Hiimaa Mootii Nasiibuu Masqaloo kanaaf foyya'iinsi atattamaa yoo taasifame malee manichis ta'e namoonni achi keessa jiraatan balaaf saaxilamu malu.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Akkuma Dubbii Hiimaa Mootii Nasiibuu Masqaloo, asis abbootii warraa baayyeetu jiraataachaa jira. Manni tibba tokko mana jireenyaa nama tokko turees har'aa abbootii warraa 30 olitu keessa jiraachaa jira. Naannawa manichaattis manneen hedduun ijaaramanii jiru.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                5. Mana Luli Raas Siyum Mangashaa Manneen duraan ilaalle dabalate, manni maastar plaanii magaalaatiin akka qabeenyaatti galmeefame kun, mana Luli Raas Siyum Mangashaa naannawa Faransaayitti argamuuhda. Kunis mana viilaa durii isa guddaadha. Haalli ijaarsa isaas kan oggummaa ijaarsa manaa bara sanaa agarsiisuudha.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
+                          </div>
+                          <div
+                            class="c11"
+                          >
+                            <figcaption
+                              class="c12"
+                            >
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Akkuma Dubbii Hiimaa Mootii Nasiibuu Masqaloo, asis abbootii warraa baayyeetu jiraataachaa jira. Manni tibba tokko mana jireenyaa nama tokko turees har'aa abbootii warraa 30 olitu keessa jiraachaa jira. Naannawa manichaattis manneen hedduun ijaaramanii jiru.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
+                    >
+                      <figure
+                        class="c7"
+                      >
                         <div
-                          class="c12"
+                          class="c8"
                         >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c9"
                           >
-                            <span
-                              class="c14"
+                            <div
+                              class="c10"
                             >
-                              Ibsa waa'ee suuraa, 
-                            </span>
-                            <p>
-                              Manneen durii kanneeniif yoo haaromsi atattamaa taasifame malee jireenyi namoota keessa jiraatanii balaa irratti argama
-                            </p>
-                          </figcaption>
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
+                          </div>
+                          <div
+                            class="c11"
+                          >
+                            <figcaption
+                              class="c12"
+                            >
+                              <span
+                                class="c13"
+                              >
+                                Ibsa waa'ee suuraa, 
+                              </span>
+                              <p>
+                                Manneen durii kanneeniif yoo haaromsi atattamaa taasifame malee jireenyi namoota keessa jiraatanii balaa irratti argama
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
+                      </figure>
+                    </div>
                   </div>
                 </main>
               </div>
@@ -2888,7 +2651,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
     </script>
   </head>
   <body>
-    .c39 {
+    .c38 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2897,7 +2660,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   height: 0.8125rem;
 }
 
-.c21 {
+.c20 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2907,7 +2670,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   flex-direction: column;
 }
 
-.c22 {
+.c21 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2926,7 +2689,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   align-items: baseline;
 }
 
-.c23 {
+.c22 {
   font-size: 1.125rem;
   line-height: 1.375rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2946,37 +2709,33 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   align-items: center;
 }
 
-.c19 {
+.c18 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c17 {
+.c16 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c20 {
+.c19 {
   margin: 0;
   padding: 0;
 }
 
-.c15 {
+.c14 {
   margin: 0 auto;
   padding-bottom: 2rem;
 }
 
-.c3 {
-  grid-column: 1 / span 6;
-}
-
-.c9 {
+.c8 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c2 {
+.c3 {
   font-size: 1.75rem;
   line-height: 2rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2988,11 +2747,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding: 2rem 0;
 }
 
-.c2:focus {
+.c3:focus {
   outline: none;
 }
 
-.c6 {
+.c5 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3003,13 +2762,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   margin: 0;
 }
 
-.c8 {
+.c7 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c14 {
+.c13 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -3021,7 +2780,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   margin: 0;
 }
 
-.c13 {
+.c12 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3032,20 +2791,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   width: 100%;
 }
 
-.c13 > p {
+.c12 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c13 > p:last-child {
+.c12 > p:last-child {
   padding-bottom: 0;
 }
 
-.c13 i {
+.c12 i {
   font-style: normal;
 }
 
-.c11 {
+.c10 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -3058,7 +2817,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c5 {
+.c4 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -3069,11 +2828,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 0.25rem;
 }
 
-.c5:last-child {
+.c4:last-child {
   padding-bottom: 1rem;
 }
 
-.c36 {
+.c35 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -3083,53 +2842,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   font-style: normal;
 }
 
-.c26 {
+.c25 {
   padding: 0.5rem 0 1rem;
 }
 
-.c26:first-child {
+.c25:first-child {
   padding-top: 0;
 }
 
-.c26:last-child {
+.c25:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c24 {
+.c23 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c29 {
+.c28 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c32 {
+.c31 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c28 {
+.c27 {
   position: relative;
 }
 
-.c30 {
+.c29 {
   position: relative;
 }
 
-.c31 > * {
+.c30 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c33 {
+.c32 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -3140,7 +2899,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   line-height: 1.25rem;
 }
 
-.c35 {
+.c34 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3151,7 +2910,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 0.5rem;
 }
 
-.c34 {
+.c33 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -3159,7 +2918,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   overflow-wrap: break-word;
 }
 
-.c34:before {
+.c33:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -3171,17 +2930,17 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   z-index: 1;
 }
 
-.c34:hover,
-.c34:focus {
+.c33:hover,
+.c33:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c34:visited {
+.c33:visited {
   color: #6E6E73;
 }
 
-.c37 {
+.c36 {
   color: #222222;
   background-color: #FFFFFF;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3192,7 +2951,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   display: block;
 }
 
-.c38 {
+.c37 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3204,17 +2963,17 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   height: 100%;
 }
 
-.c16 {
+.c15 {
   margin-bottom: 1rem;
 }
 
-.c18 {
+.c17 {
   margin-top: 0;
 }
 
 .c0 {
+  max-width: 46.4rem;
   margin: 0 auto;
-  padding-bottom: 2rem;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -3222,12 +2981,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 1.5rem;
 }
 
-.c4 {
-  padding-bottom: 1rem;
-}
-
 @media (min-width:37.5rem) {
-  .c22 {
+  .c21 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -3236,39 +2991,39 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c23 {
+  .c22 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c23 {
+  .c22 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c23 {
+  .c22 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c23 {
+  .c22 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c19 {
+  .c18 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c19 {
+  .c18 {
     position: absolute;
     left: 0;
     right: 0;
@@ -3277,26 +3032,69 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) {
-  .c17 {
+  .c16 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c17 {
+  .c16 {
     margin-bottom: 1.5rem;
   }
 }
 
 @supports (display:grid) {
-  .c25 {
+  .c1 {
     display: grid;
     position: initial;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c27 {
+  .c2 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c2 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c2 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c2 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c2 {
+    display: block;
+  }
+}
+
+@supports (display:grid) {
+  .c6 {
+    display: block;
+  }
+}
+
+@supports (display:grid) {
+  .c24 {
+    display: grid;
+    position: initial;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c26 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3305,7 +3103,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c27 {
+  .c26 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3314,7 +3112,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c27 {
+  .c26 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3323,7 +3121,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c27 {
+  .c26 {
     width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3332,7 +3130,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c27 {
+  .c26 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3341,7 +3139,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:80rem) {
-  .c27 {
+  .c26 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3350,332 +3148,245 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (display:grid) {
-  .c27 {
+  .c26 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c15 {
+  .c14 {
     grid-column-gap: 0.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c15 {
+  .c14 {
     grid-column-gap: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c15 {
+  .c14 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c15 {
+  .c14 {
     grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
     max-width: 45.5rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c15 {
+  .c14 {
     grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
     max-width: 46.4rem;
   }
 }
 
 @supports (display:grid) {
-  .c15 {
+  .c14 {
     display: grid;
     max-width: initial;
     margin: initial;
   }
 }
 
-@media (max-width:25rem) {
-  .c3 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c3 {
-    padding: 0 1rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c3 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c3 {
-    grid-column: 3 / span 5;
-    max-width: 37.75rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c3 {
-    grid-column: 6 / span 10;
-    max-width: 38.5rem;
-  }
-}
-
-@supports (display:grid) {
-  .c3 {
-    max-width: initial;
-  }
-}
-
-@media (max-width:63rem) {
-  .c1 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c1 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c1 {
-    grid-column: 6 / span 12;
-  }
-}
-
-@media (max-width:25rem) {
-  .c1 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c1 {
-    padding: 0 1rem;
-  }
-}
-
-@media (max-width:63rem) {
-  .c7 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c7 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c7 {
-    grid-column: 6 / span 12;
-  }
-}
-
 @media (max-width:37.4375rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c12 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c12 {
+  .c11 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c12 {
+  .c11 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c12 {
+  .c11 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c9 {
+  .c8 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c8 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c2 {
+  .c3 {
     font-size: 2rem;
     line-height: 2.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     font-size: 2.75rem;
     line-height: 3rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     padding: 2.5rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c6 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c13 {
+  .c12 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c13 {
+  .c12 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c13 {
+  .c12 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c13 {
+  .c12 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c4 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c4 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c36 {
+  .c35 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c36 {
+  .c35 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c26 {
+  .c25 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c26 {
+  .c25 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c26 {
+  .c25 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c26:first-child {
+  .c25:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c29 {
+  .c28 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c29 {
+  .c28 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c32 {
+  .c31 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c32 {
+  .c31 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -3683,7 +3394,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c32 {
+  .c31 {
     display: block;
     width: initial;
     padding: initial;
@@ -3692,7 +3403,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c28 {
+  .c27 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -3700,163 +3411,117 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) {
-  .c31 {
+  .c30 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c31 > * {
+  .c30 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c33 {
+  .c32 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c33 {
+  .c32 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c35 {
+  .c34 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c35 {
+  .c34 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c35 {
+  .c34 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c35 {
+  .c34 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c37 {
+  .c36 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c37 {
+  .c36 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:63rem) {
-  .c16 {
+  .c15 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c16 {
+  .c15 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c16 {
+  .c15 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c16 {
+  .c15 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c16 {
+  .c15 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c16 {
+  .c15 {
     margin-bottom: 1.5rem;
   }
 }
 
-@media (max-width:37.4375rem) {
-  .c0 {
-    grid-column-gap: 0.5rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c0 {
-    grid-column-gap: 1rem;
-  }
-}
-
-@media (max-width:62.9375rem) {
-  .c0 {
-    grid-template-columns: repeat(6,1fr);
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
-    max-width: 45.5rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
-    max-width: 46.4rem;
-  }
-}
-
-@supports (display:grid) {
-  .c0 {
-    display: grid;
-    max-width: initial;
-    margin: initial;
-  }
-}
-
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;
   }
 }
 
-@media (min-width:63rem) {
-  .c4 {
-    padding-bottom: 1.5rem;
-  }
-}
-
 <div>
       <div
         id="ContextsContainer"
@@ -3880,500 +3545,519 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                 >
                   <div
                     class="c1"
+                    dir="ltr"
                   >
-                    <h1
+                    <div
                       class="c2"
-                      id="content"
-                      tabindex="-1"
+                      dir="ltr"
                     >
-                      Fish and plantain sara everi wia for 2019 Bole Festival
-                    </h1>
-                  </div>
-                  <div
-                    class="c3 c4"
-                  >
-                    <time
-                      class="c5"
-                      datetime="2019-08-03"
+                      <h1
+                        class="c3"
+                        id="content"
+                        tabindex="-1"
+                      >
+                        Fish and plantain sara everi wia for 2019 Bole Festival
+                      </h1>
+                    </div>
+                    <div
+                      class="c2"
+                      dir="ltr"
                     >
-                      3 August 2019
-                    </time>
-                  </div>
-                  <div
-                    class="c3"
-                  >
-                    <p
-                      class="c6"
+                      <time
+                        class="c4"
+                        datetime="2019-08-03"
+                      >
+                        3 August 2019
+                      </time>
+                    </div>
+                    <div
+                      class="c2"
+                      dir="ltr"
                     >
-                      Bole Festival wey dey celebrate one popular street food, special dish of roasted plantain and fish with pepper sauce, don start for Port Harcourt Rivers state
-                    </p>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      <p
+                        class="c5"
+                      >
+                        Bole Festival wey dey celebrate one popular street food, special dish of roasted plantain and fish with pepper sauce, don start for Port Harcourt Rivers state
+                      </p>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Dis year Bole festival title na Our taste, Our Culture and e hold on 3rd of August inside Port-Harcourt
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Dis year Bole festival title na Our taste, Our Culture and e hold on 3rd of August inside Port-Harcourt
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Bole festival na di biggest food festival for di southern part of Nigeria wey dey attract many pipo from all ova di kontri
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Bole festival na di biggest food festival for di southern part of Nigeria wey dey attract many pipo from all ova di kontri
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              For Pitakwa, na must for Bole dish to get fish with pepper sauce plus also garnish am with vegetable and oda tins
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                For Pitakwa, na must for Bole dish to get fish with pepper sauce plus also garnish am with vegetable and oda tins
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Different food exhibitors na im dey come di festival to showcase di many kind of Bole and fish delicacy
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Different food exhibitors na im dey come di festival to showcase di many kind of Bole and fish delicacy
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Family, friends and odas dey get time to bond and enjoy dia selve during dis festival
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Family, friends and odas dey get time to bond and enjoy dia selve during dis festival
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Di Bole festival dey celebrate one popular street food wey pitakwa pipo dey call Bole. Bole na mixture of roasted plantain and yam with fish and sauce.
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Di Bole festival dey celebrate one popular street food wey pitakwa pipo dey call Bole. Bole na mixture of roasted plantain and yam with fish and sauce.
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Di Bole festival dey provide time for families to bond and jolly as pipo fit enjoy games, better music and dance
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Di Bole festival dey provide time for families to bond and jolly as pipo fit enjoy games, better music and dance
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Di theme for dis year Bole festival na “our taste, our culture”
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Di theme for dis year Bole festival na “our taste, our culture”
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Di 2019 edition na di fourth time wey di festival dey hold
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Di 2019 edition na di fourth time wey di festival dey hold
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Di Bole festival dey also celebrate foods and provide opportunity for pipo to Network
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Di Bole festival dey also celebrate foods and provide opportunity for pipo to Network
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
+                              class="c10"
+                            >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="c12"
-                        >
-                          <figcaption
-                            class="c13"
+                          <div
+                            class="c11"
                           >
-                            <span
-                              class="c14"
+                            <figcaption
+                              class="c12"
                             >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Different kind of games na part of di activities wey dey also take place during di Bole festival
-                            </p>
-                          </figcaption>
+                              <span
+                                class="c13"
+                              >
+                                Wetin we call dis foto, 
+                              </span>
+                              <p>
+                                Different kind of games na part of di activities wey dey also take place during di Bole festival
+                              </p>
+                            </figcaption>
+                          </div>
                         </div>
-                      </div>
-                    </figure>
+                      </figure>
+                    </div>
                   </div>
                 </main>
                 <section
                   aria-labelledby="related-content-heading"
-                  class="c15"
+                  class="c14"
                   role="region"
                 >
                   <div
-                    class="c16"
+                    class="c15"
                   >
                     <div
-                      class="c17 c18"
+                      class="c16 c17"
                     >
                       <div
-                        class="c19"
+                        class="c18"
                       />
                       <h2
-                        class="c20"
+                        class="c19"
                       >
                         <span
-                          class="c21"
+                          class="c20"
                         >
                           <span
-                            class="c22"
+                            class="c21"
                           >
                             <span
-                              class="c23"
+                              class="c22"
                               dir="ltr"
                               id="related-content-heading"
                             >
@@ -4384,53 +4068,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </h2>
                     </div>
                     <ul
-                      class="c24 c25"
+                      class="c23 c24"
                       dir="ltr"
                       role="list"
                     >
                       <li
-                        class="c26 c27"
+                        class="c25 c26"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c28"
+                          class="c27"
                         >
                           <div
-                            class="c29"
+                            class="c28"
                             dir="ltr"
                           >
                             <div
-                              class="c30"
+                              class="c29"
                             >
                               <div
-                                class="c11"
+                                class="c10"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c31"
+                                class="c30"
                               />
                             </div>
                           </div>
                           <div
-                            class="c32"
+                            class="c31"
                             dir="ltr"
                           >
                             <h3
-                              class="c33"
+                              class="c32"
                             >
                               <a
-                                class="c34"
+                                class="c33"
                                 href="/pidgin/media-45132087"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c14"
+                                    class="c13"
                                   >
                                     , 
                                   </span>
@@ -4441,12 +4125,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                               </a>
                             </h3>
                             <p
-                              class="c35"
+                              class="c34"
                             >
                               Bole festival showcase di different types of bole dem.
                             </p>
                             <time
-                              class="c36"
+                              class="c35"
                               datetime="2018-08-09"
                             >
                               9th August 2018
@@ -4455,37 +4139,37 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                         </div>
                       </li>
                       <li
-                        class="c26 c27"
+                        class="c25 c26"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c28"
+                          class="c27"
                         >
                           <div
-                            class="c29"
+                            class="c28"
                             dir="ltr"
                           >
                             <div
-                              class="c30"
+                              class="c29"
                             >
                               <div
-                                class="c11"
+                                class="c10"
                               />
                               <div
-                                class="c31"
+                                class="c30"
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="c37"
+                                  class="c36"
                                   dir="ltr"
                                 >
                                   <div
-                                    class="c38"
+                                    class="c37"
                                   >
                                     <svg
                                       aria-hidden="true"
-                                      class="c39"
+                                      class="c38"
                                       focusable="false"
                                       height="13px"
                                       viewBox="0 0 32 26"
@@ -4506,21 +4190,21 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c32"
+                            class="c31"
                             dir="ltr"
                           >
                             <h3
-                              class="c33"
+                              class="c32"
                             >
                               <a
-                                class="c34"
+                                class="c33"
                                 href="/pidgin/tori-45242255"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c14"
+                                    class="c13"
                                   >
                                     Image gallery
                                     , 
@@ -4532,12 +4216,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                               </a>
                             </h3>
                             <p
-                              class="c35"
+                              class="c34"
                             >
                               Jollof Festival happun for Lagos Nigeria on Sunday and na time for pipo wey show to sample West Africa fine food dem.
                             </p>
                             <time
-                              class="c36"
+                              class="c35"
                               datetime="2018-08-19"
                             >
                               19th August 2018
@@ -4559,16 +4243,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 `;
 
 exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onward journeys 1`] = `
-.c3 {
-  grid-column: 1 / span 6;
-}
-
-.c9 {
+.c8 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c2 {
+.c3 {
   font-size: 1.75rem;
   line-height: 2rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -4580,11 +4260,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   padding: 2rem 0;
 }
 
-.c2:focus {
+.c3:focus {
   outline: none;
 }
 
-.c6 {
+.c5 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -4595,13 +4275,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   margin: 0;
 }
 
-.c8 {
+.c7 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c13 {
+.c12 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -4613,7 +4293,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   margin: 0;
 }
 
-.c12 {
+.c11 {
   font-size: 0.75rem;
   line-height: 1rem;
   background-color: rgba(34,34,34,0.75);
@@ -4627,7 +4307,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   left: 0;
 }
 
-.c15 {
+.c14 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -4638,20 +4318,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   width: 100%;
 }
 
-.c15 > p {
+.c14 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c15 > p:last-child {
+.c14 > p:last-child {
   padding-bottom: 0;
 }
 
-.c15 i {
+.c14 i {
   font-style: normal;
 }
 
-.c11 {
+.c10 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -4664,7 +4344,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c5 {
+.c4 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -4675,13 +4355,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   padding-bottom: 0.25rem;
 }
 
-.c5:last-child {
+.c4:last-child {
   padding-bottom: 1rem;
 }
 
 .c0 {
+  max-width: 46.4rem;
   margin: 0 auto;
-  padding-bottom: 2rem;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -4689,283 +4369,189 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   padding-bottom: 1.5rem;
 }
 
-.c4 {
-  padding-bottom: 1rem;
+@supports (display:grid) {
+  .c1 {
+    display: grid;
+    position: initial;
+  }
 }
 
-@media (max-width:25rem) {
-  .c3 {
+@media (max-width:14.9375rem) {
+  .c2 {
     padding: 0 0.5rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c3 {
-    padding: 0 1rem;
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c2 {
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:37.5rem) {
-  .c3 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c2 {
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c3 {
-    grid-column: 3 / span 5;
-    max-width: 37.75rem;
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c2 {
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:80rem) {
-  .c3 {
-    grid-column: 6 / span 10;
-    max-width: 38.5rem;
+@supports (display:grid) {
+  .c2 {
+    display: block;
   }
 }
 
 @supports (display:grid) {
-  .c3 {
-    max-width: initial;
+  .c6 {
+    display: block;
   }
 }
 
-@media (max-width:63rem) {
-  .c1 {
+@media (max-width:37.4375rem) {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c1 {
-    grid-column: 3 / span 6;
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c9 {
+    grid-column: 1 / span 6;
   }
 }
 
-@media (min-width:80rem) {
-  .c1 {
-    grid-column: 6 / span 12;
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c9 {
+    grid-column: 1 / span 6;
   }
 }
 
-@media (max-width:25rem) {
-  .c1 {
-    padding: 0 0.5rem;
+@media (min-width:80rem) {
+  .c9 {
+    grid-column: 1 / span 12;
   }
 }
 
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c1 {
-    padding: 0 1rem;
+@media (max-width:37.4375rem) {
+  .c13 {
+    grid-column: 1 / span 6;
   }
 }
 
-@media (max-width:63rem) {
-  .c7 {
-    grid-column: 1 / span 6;
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c13 {
+    grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c7 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c7 {
-    grid-column: 6 / span 12;
-  }
-}
-
-@media (max-width:37.4375rem) {
-  .c10 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c10 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c10 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c10 {
-    grid-column: 1 / span 12;
-  }
-}
-
-@media (max-width:37.4375rem) {
-  .c14 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c14 {
-    grid-column: 1 / span 5;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c14 {
+  .c13 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c14 {
+  .c13 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c9 {
+  .c8 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c8 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c2 {
+  .c3 {
     font-size: 2rem;
     line-height: 2.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     font-size: 2.75rem;
     line-height: 3rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     padding: 2.5rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c6 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c15 {
+  .c14 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c15 {
+  .c14 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c15 {
+  .c14 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c15 {
+  .c14 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c4 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c4 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
-@media (max-width:37.4375rem) {
-  .c0 {
-    grid-column-gap: 0.5rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c0 {
-    grid-column-gap: 1rem;
-  }
-}
-
-@media (max-width:62.9375rem) {
-  .c0 {
-    grid-template-columns: repeat(6,1fr);
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
-    max-width: 45.5rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
-    max-width: 46.4rem;
-  }
-}
-
-@supports (display:grid) {
-  .c0 {
-    display: grid;
-    max-width: initial;
-    margin: initial;
-  }
-}
-
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;
   }
 }
 
-@media (min-width:63rem) {
-  .c4 {
-    padding-bottom: 1.5rem;
-  }
-}
-
 <html
   dir="ltr"
   lang="pcm"
@@ -5210,418 +4796,433 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                 >
                   <div
                     class="c1"
+                    dir="ltr"
                   >
-                    <h1
+                    <div
                       class="c2"
-                      id="content"
-                      tabindex="-1"
+                      dir="ltr"
                     >
-                      PGL - Blood pressure drugs dey work better
-                    </h1>
-                  </div>
-                  <div
-                    class="c3 c4"
-                  >
-                    <time
-                      class="c5"
-                      datetime="2019-10-23"
+                      <h1
+                        class="c3"
+                        id="content"
+                        tabindex="-1"
+                      >
+                        PGL - Blood pressure drugs dey work better
+                      </h1>
+                    </div>
+                    <div
+                      class="c2"
+                      dir="ltr"
                     >
-                      23 October 2019
-                    </time>
-                  </div>
-                  <div
-                    class="c3"
-                  >
-                    <p
-                      class="c6"
+                      <time
+                        class="c4"
+                        datetime="2019-10-23"
+                      >
+                        23 October 2019
+                      </time>
+                    </div>
+                    <div
+                      class="c2"
+                      dir="ltr"
                     >
-                      This is a test asset used in Simorgh, please do not edit it without asking.
-                    </p>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      <p
+                        class="c5"
+                      >
+                        This is a test asset used in Simorgh, please do not edit it without asking.
+                      </p>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c10"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Wia dis foto come from, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Wia dis foto come from, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Someone
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Someone
+                                Wetin we call dis foto, 
                               </span>
-                            </p>
+                              <p>
+                                Dem say di medicine dey offer more protection against heart attack and stroke, if you take am before you go sleep instead of for morning, dat na wetin new study suggest.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Dem say di medicine dey offer more protection against heart attack and stroke, if you take am before you go sleep instead of for morning, dat na wetin new study suggest.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c10"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Wia dis foto come from, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Wia dis foto come from, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Stuart C. Wilson
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Stuart C. Wilson
+                                Wetin we call dis foto, 
                               </span>
-                            </p>
+                              <p>
+                                Holy and Phil at NTAs holding an award
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Holy and Phil at NTAs holding an award
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c10"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Wia dis foto come from, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Wia dis foto come from, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Joe Maher
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Joe Maher
+                                Wetin we call dis foto, 
                               </span>
-                            </p>
+                              <p>
+                                Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c10"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Wia dis foto come from, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Wia dis foto come from, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Joe Maher
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Joe Maher
+                                Wetin we call dis foto, 
                               </span>
-                            </p>
+                              <p>
+                                Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c10"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Wia dis foto come from, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Wia dis foto come from, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Getty Images
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Getty Images
+                                Wetin we call dis foto, 
                               </span>
-                            </p>
+                              <p>
+                                Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c10"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Wia dis foto come from, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Wia dis foto come from, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Getty Images
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Getty Images
+                                Wetin we call dis foto, 
                               </span>
-                            </p>
+                              <p>
+                                Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c10"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Wia dis foto come from, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Wia dis foto come from, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Getty Images
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Getty Images
+                                Wetin we call dis foto, 
                               </span>
-                            </p>
+                              <p>
+                                Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Wetin we call dis foto, 
-                            </span>
-                            <p>
-                              Cheese and biscuits cut the cheese jarlsberg. Danish fontina goat cream cheese goat when the cheese comes out everybody's happy queso mascarpone mozzarella. Babybel cheese and wine bavarian bergkase emmental parmesan rubber cheese rubber cheese cheesecake. Cheese slices paneer caerphilly squirty cheese goat stinking bishop cheesecake camembert de normandie. Dolcelatte.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
+                      </figure>
+                    </div>
                   </div>
                 </main>
               </div>
@@ -5892,7 +5493,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
     </script>
   </head>
   <body>
-    .c40 {
+    .c39 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -5902,7 +5503,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   flex-direction: column;
 }
 
-.c41 {
+.c40 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -5921,7 +5522,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   align-items: baseline;
 }
 
-.c42 {
+.c41 {
   font-size: 1.125rem;
   line-height: 1.5rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -5941,42 +5542,38 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   align-items: center;
 }
 
-.c38 {
+.c37 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c36 {
+.c35 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c39 {
+.c38 {
   margin: 0;
   padding: 0;
 }
 
-.c34 {
+.c33 {
   margin: 0 auto;
   padding-bottom: 2rem;
 }
 
-.c3 {
-  grid-column: 1 / span 6;
-}
-
-.c9 {
+.c8 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c17 {
+.c16 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c2 {
+.c3 {
   font-size: 1.75rem;
   line-height: 2.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -5988,11 +5585,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding: 2rem 0;
 }
 
-.c2:focus {
+.c3:focus {
   outline: none;
 }
 
-.c6 {
+.c5 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6003,13 +5600,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   margin: 0;
 }
 
-.c8 {
+.c7 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c13 {
+.c12 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -6021,7 +5618,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   margin: 0;
 }
 
-.c12 {
+.c11 {
   font-size: 0.75rem;
   line-height: 1rem;
   background-color: rgba(34,34,34,0.75);
@@ -6035,7 +5632,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   left: 0;
 }
 
-.c15 {
+.c14 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6046,20 +5643,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   width: 100%;
 }
 
-.c15 > p {
+.c14 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c15 > p:last-child {
+.c14 > p:last-child {
   padding-bottom: 0;
 }
 
-.c15 i {
+.c14 i {
   font-style: normal;
 }
 
-.c50 {
+.c49 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6072,7 +5669,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c11 {
+.c10 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6085,7 +5682,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c19 {
+.c18 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6098,7 +5695,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c21 {
+.c20 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6111,7 +5708,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c22 {
+.c21 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6124,7 +5721,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c23 {
+.c22 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6137,7 +5734,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c24 {
+.c23 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6150,7 +5747,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c25 {
+.c24 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6163,7 +5760,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c26 {
+.c25 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6176,7 +5773,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c27 {
+.c26 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6189,7 +5786,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c28 {
+.c27 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6202,7 +5799,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c29 {
+.c28 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6215,7 +5812,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c30 {
+.c29 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6228,7 +5825,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c31 {
+.c30 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6241,7 +5838,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c32 {
+.c31 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6254,7 +5851,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c33 {
+.c32 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6267,7 +5864,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c5 {
+.c4 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -6278,11 +5875,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 0.25rem;
 }
 
-.c5:last-child {
+.c4:last-child {
   padding-bottom: 1rem;
 }
 
-.c56 {
+.c55 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -6292,53 +5889,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   font-style: normal;
 }
 
-.c45 {
+.c44 {
   padding: 0.5rem 0 1rem;
 }
 
-.c45:first-child {
+.c44:first-child {
   padding-top: 0;
 }
 
-.c45:last-child {
+.c44:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c43 {
+.c42 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c48 {
+.c47 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c52 {
+.c51 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c47 {
+.c46 {
   position: relative;
 }
 
-.c49 {
+.c48 {
   position: relative;
 }
 
-.c51 > * {
+.c50 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c53 {
+.c52 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -6349,7 +5946,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   line-height: 1.25rem;
 }
 
-.c55 {
+.c54 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6360,7 +5957,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 0.5rem;
 }
 
-.c54 {
+.c53 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -6368,7 +5965,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   overflow-wrap: break-word;
 }
 
-.c54:before {
+.c53:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -6380,27 +5977,27 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   z-index: 1;
 }
 
-.c54:hover,
-.c54:focus {
+.c53:hover,
+.c53:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c54:visited {
+.c53:visited {
   color: #6E6E73;
 }
 
-.c35 {
+.c34 {
   margin-bottom: 1rem;
 }
 
-.c37 {
+.c36 {
   margin-top: 0;
 }
 
 .c0 {
+  max-width: 46.4rem;
   margin: 0 auto;
-  padding-bottom: 2rem;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -6408,12 +6005,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 1.5rem;
 }
 
-.c4 {
-  padding-bottom: 1rem;
-}
-
 @media (min-width:37.5rem) {
-  .c41 {
+  .c40 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -6422,39 +6015,39 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c42 {
+  .c41 {
     font-size: 1.25rem;
     line-height: 1.625rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c42 {
+  .c41 {
     font-size: 1.5rem;
     line-height: 2rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c42 {
+  .c41 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c42 {
+  .c41 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c38 {
+  .c37 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c38 {
+  .c37 {
     position: absolute;
     left: 0;
     right: 0;
@@ -6463,26 +6056,75 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) {
-  .c36 {
+  .c35 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c36 {
+  .c35 {
     margin-bottom: 1.5rem;
   }
 }
 
 @supports (display:grid) {
-  .c44 {
+  .c1 {
     display: grid;
     position: initial;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c46 {
+  .c2 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c2 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c2 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c2 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c2 {
+    display: block;
+  }
+}
+
+@supports (display:grid) {
+  .c6 {
+    display: block;
+  }
+}
+
+@supports (display:grid) {
+  .c15 {
+    display: block;
+  }
+}
+
+@supports (display:grid) {
+  .c43 {
+    display: grid;
+    position: initial;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c45 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -6491,7 +6133,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c46 {
+  .c45 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -6500,7 +6142,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c46 {
+  .c45 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -6509,7 +6151,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c46 {
+  .c45 {
     width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -6518,7 +6160,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c46 {
+  .c45 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -6527,7 +6169,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:80rem) {
-  .c46 {
+  .c45 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -6536,483 +6178,342 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (display:grid) {
-  .c46 {
+  .c45 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c34 {
+  .c33 {
     grid-column-gap: 0.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c34 {
+  .c33 {
     grid-column-gap: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c34 {
+  .c33 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c34 {
+  .c33 {
     grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
     max-width: 45.5rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c34 {
+  .c33 {
     grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
     max-width: 46.4rem;
   }
 }
 
 @supports (display:grid) {
-  .c34 {
+  .c33 {
     display: grid;
     max-width: initial;
     margin: initial;
   }
 }
 
-@media (max-width:25rem) {
-  .c16 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c16 {
-    padding: 0 1rem;
-  }
-}
-
-@media (max-width:25rem) {
-  .c16 {
-    grid-column: 1 / span 6;
-    padding: 0 0px;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c16 {
-    grid-column: 1 / span 4;
-    max-width: 66.67%;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c16 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
-    padding: 0 0px;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c16 {
-    grid-column: 3 / span 4;
-    max-width: 30rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c16 {
-    grid-column: 6 / span 8;
-    max-width: 30.6rem;
-  }
-}
-
-@supports (display:grid) {
-  .c16 {
-    max-width: initial;
-  }
-}
-
-@media (max-width:25rem) {
-  .c3 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c3 {
-    padding: 0 1rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c3 {
-    grid-column: 1 / span 5;
-    max-width: 83.33%;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c3 {
-    grid-column: 3 / span 5;
-    max-width: 37.75rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c3 {
-    grid-column: 6 / span 10;
-    max-width: 38.5rem;
-  }
-}
-
-@supports (display:grid) {
-  .c3 {
-    max-width: initial;
-  }
-}
-
-@media (max-width:63rem) {
-  .c1 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c1 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c1 {
-    grid-column: 6 / span 12;
-  }
-}
-
-@media (max-width:25rem) {
-  .c1 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c1 {
-    padding: 0 1rem;
-  }
-}
-
-@media (max-width:63rem) {
-  .c7 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c7 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c7 {
-    grid-column: 6 / span 12;
-  }
-}
-
 @media (max-width:24.9375rem) {
-  .c18 {
+  .c17 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c18 {
+  .c17 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c18 {
+  .c17 {
     grid-column: 1 / span 4;
     margin-left: 1em;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c18 {
+  .c17 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c18 {
+  .c17 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c20 {
+  .c19 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c20 {
+  .c19 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c20 {
+  .c19 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c20 {
+  .c19 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c20 {
+  .c19 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c9 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c14 {
+  .c13 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c14 {
+  .c13 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c14 {
+  .c13 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c14 {
+  .c13 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c9 {
+  .c8 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c8 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (max-width:25rem) {
-  .c17 {
+  .c16 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c17 {
+  .c16 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c17 {
+  .c16 {
     grid-template-columns: repeat(5,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c17 {
+  .c16 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c17 {
+  .c16 {
     grid-template-columns: repeat(8,1fr);
   }
 }
 
 @supports (display:grid) {
-  .c17 {
+  .c16 {
     max-width: initial;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c2 {
+  .c3 {
     font-size: 2rem;
     line-height: 2.625rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     font-size: 2.75rem;
     line-height: 3.625rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c2 {
+  .c3 {
     padding: 2.5rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c6 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c15 {
+  .c14 {
     font-size: 0.9375rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c15 {
+  .c14 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c15 {
+  .c14 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c15 {
+  .c14 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c4 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c4 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c56 {
+  .c55 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c56 {
+  .c55 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c45 {
+  .c44 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c45 {
+  .c44 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c45 {
+  .c44 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c45:first-child {
+  .c44:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c48 {
+  .c47 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c48 {
+  .c47 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c52 {
+  .c51 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c52 {
+  .c51 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -7020,7 +6521,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c52 {
+  .c51 {
     display: block;
     width: initial;
     padding: initial;
@@ -7029,7 +6530,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c47 {
+  .c46 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -7037,149 +6538,103 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) {
-  .c51 {
+  .c50 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c51 > * {
+  .c50 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c53 {
+  .c52 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c53 {
+  .c52 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c55 {
+  .c54 {
     font-size: 0.9375rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c55 {
+  .c54 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c55 {
+  .c54 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c55 {
+  .c54 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (max-width:63rem) {
-  .c35 {
+  .c34 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c35 {
+  .c34 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c35 {
+  .c34 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c35 {
+  .c34 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c35 {
+  .c34 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c35 {
+  .c34 {
     margin-bottom: 1.5rem;
   }
 }
 
-@media (max-width:37.4375rem) {
-  .c0 {
-    grid-column-gap: 0.5rem;
-  }
-}
-
-@media (min-width:37.5rem) {
-  .c0 {
-    grid-column-gap: 1rem;
-  }
-}
-
-@media (max-width:62.9375rem) {
-  .c0 {
-    grid-template-columns: repeat(6,1fr);
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
-    max-width: 45.5rem;
-  }
-}
-
-@media (min-width:80rem) {
-  .c0 {
-    grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
-    max-width: 46.4rem;
-  }
-}
-
-@supports (display:grid) {
-  .c0 {
-    display: grid;
-    max-width: initial;
-    margin: initial;
-  }
-}
-
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;
   }
 }
 
-@media (min-width:63rem) {
-  .c4 {
-    padding-bottom: 1.5rem;
-  }
-}
-
 <div>
       <div
         id="ContextsContainer"
@@ -7203,1105 +6658,1132 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                 >
                   <div
                     class="c1"
+                    dir="ltr"
                   >
-                    <h1
+                    <div
                       class="c2"
-                      id="content"
-                      tabindex="-1"
+                      dir="ltr"
                     >
-                      Azərbaycan Xalq Cümhuriyyəti - Fotolarda
-                    </h1>
-                  </div>
-                  <div
-                    class="c3 c4"
-                  >
-                    <time
-                      class="c5"
-                      datetime="2018-05-27"
+                      <h1
+                        class="c3"
+                        id="content"
+                        tabindex="-1"
+                      >
+                        Azərbaycan Xalq Cümhuriyyəti - Fotolarda
+                      </h1>
+                    </div>
+                    <div
+                      class="c2"
+                      dir="ltr"
                     >
-                      27 May 2018
-                    </time>
-                  </div>
-                  <div
-                    class="c3"
-                  >
-                    <p
-                      class="c6"
+                      <time
+                        class="c4"
+                        datetime="2018-05-27"
+                      >
+                        27 May 2018
+                      </time>
+                    </div>
+                    <div
+                      class="c2"
+                      dir="ltr"
                     >
-                      Bu il mayın 28-də Azərbaycan Xalq Cümhuriyyətinin elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca həmin dövrün siyasi xadimlərinin və hadisələrin arxiv fotolarını təqdim edir.
-                    </p>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      <p
+                        class="c5"
+                      >
+                        Bu il mayın 28-də Azərbaycan Xalq Cümhuriyyətinin elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca həmin dövrün siyasi xadimlərinin və hadisələrin arxiv fotolarını təqdim edir.
+                      </p>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c10"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                AXC parlamentinin birinci iclasının açılışı. Bu il mayın 28-də Azərbaycan Xalq Cümhuriyyətinin elan edilməsinin 100 illik yubileyidir.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              AXC parlamentinin birinci iclasının açılışı. Bu il mayın 28-də Azərbaycan Xalq Cümhuriyyətinin elan edilməsinin 100 illik yubileyidir.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
                     >
-                      <div
-                        class="c17"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c18"
+                          class="c16"
                         >
                           <div
-                            class="c19"
+                            class="c17"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c18"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c19"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                28 may 1918-ci il suverenliyi haqqında bəyənnamə. Azərbaycan Xalq Cümhuriyyəti cəmi 2 ildən sonra süquta uğrasa da, ölkə tarixinin ən mühüm hadisələrindən biri sayılır.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c20"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              28 may 1918-ci il suverenliyi haqqında bəyənnamə. Azərbaycan Xalq Cümhuriyyəti cəmi 2 ildən sonra süquta uğrasa da, ölkə tarixinin ən mühüm hadisələrindən biri sayılır.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
                     >
-                      <div
-                        class="c17"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c18"
+                          class="c16"
                         >
                           <div
-                            class="c21"
+                            class="c17"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c20"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c19"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                AXC Nazrilər Şurasının sədri və daxili işlər naziri vəzifələrini icra etmiş Fətəli Xan Xoyski. 1875-ci ildə doğulan Xoyski ADR-nin (Azərbaycan Demokratik Respublikası) yaradıcılarından biridir. O, Zaqafqaziya Federativ Respublikası hökumətində maarif naziri, Milli Hökumətin birinci və üçüncü kabinetlərində baş nazir, beşinci kabinetində isə xarici işlər naziri vəzifəsini tutub. Xoyski türk (Azərbaycan) dilinin dövlət dili elan edilməsi haqqında 27 iyun 1918-ci il tarixli qərara imza atıb. O, 1920-ci ildə qətlə yetirilib.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
+                    >
+                      <figure
+                        class="c7"
+                      >
                         <div
-                          class="c20"
+                          class="c16"
                         >
-                          <figcaption
-                            class="c15"
+                          <div
+                            class="c17"
                           >
-                            <span
-                              class="c13"
+                            <div
+                              class="c21"
                             >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              AXC Nazrilər Şurasının sədri və daxili işlər naziri vəzifələrini icra etmiş Fətəli Xan Xoyski. 1875-ci ildə doğulan Xoyski ADR-nin (Azərbaycan Demokratik Respublikası) yaradıcılarından biridir. O, Zaqafqaziya Federativ Respublikası hökumətində maarif naziri, Milli Hökumətin birinci və üçüncü kabinetlərində baş nazir, beşinci kabinetində isə xarici işlər naziri vəzifəsini tutub. Xoyski türk (Azərbaycan) dilinin dövlət dili elan edilməsi haqqında 27 iyun 1918-ci il tarixli qərara imza atıb. O, 1920-ci ildə qətlə yetirilib.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
-                    >
-                      <div
-                        class="c17"
-                      >
-                        <div
-                          class="c18"
-                        >
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
+                              >
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
                           <div
-                            class="c22"
+                            class="c19"
                           >
-                            <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                            <figcaption
+                              class="c14"
                             >
                               <span
-                                class="c13"
+                                class="c12"
                               >
-                                Şəklin mənbəyi, 
+                                Şəklin alt yazısı, 
                               </span>
-                              <span
-                                lang="en-GB"
-                              >
-                                Milli Arxiv
-                              </span>
-                            </p>
+                              <p>
+                                Məmməd Əmin Rəsulzadə - Müsavat partiyasının lideri, AXC Milli şurasının sədri.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c20"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Məmməd Əmin Rəsulzadə - Müsavat partiyasının lideri, AXC Milli şurasının sədri.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
                     >
-                      <div
-                        class="c17"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c18"
+                          class="c16"
                         >
                           <div
-                            class="c23"
+                            class="c17"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c22"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c19"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Əlimərdan bəy Topşubaşov - AXC hökumətinin üzvü və parlamentin sədri. Paris sülh konfransına getmiş nümayəndə heyətinin üzvü.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c20"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Əlimərdan bəy Topşubaşov - AXC hökumətinin üzvü və parlamentin sədri. Paris sülh konfransına getmiş nümayəndə heyətinin üzvü.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
                     >
-                      <div
-                        class="c17"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c18"
+                          class="c16"
                         >
                           <div
-                            class="c21"
+                            class="c17"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c20"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c19"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Həsən bəy Ağayev Müsavat partiyasının üzvü olub. 1918-ci ildə ADR parlament sədrinin ilk müavini seçilir. Qafqazda kifayət qədər nüfuzlu şəxs sayılıb və Azərbaycanı Şimali Qafqaz Dağlılar qurultayında təmsil edib. O, 1919-cu ildə vəzifəsinə yenidən seçilə bilmir və Məmməd Yusif Cəfərov onun yerinə sədr müavini olur.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c20"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Həsən bəy Ağayev Müsavat partiyasının üzvü olub. 1918-ci ildə ADR parlament sədrinin ilk müavini seçilir. Qafqazda kifayət qədər nüfuzlu şəxs sayılıb və Azərbaycanı Şimali Qafqaz Dağlılar qurultayında təmsil edib. O, 1919-cu ildə vəzifəsinə yenidən seçilə bilmir və Məmməd Yusif Cəfərov onun yerinə sədr müavini olur.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
                     >
-                      <div
-                        class="c17"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c18"
+                          class="c16"
                         >
                           <div
-                            class="c24"
+                            class="c17"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c23"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  MİLLİ ARXİV
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c19"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                MİLLİ ARXİV
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Məmməd Yusif Cəfərov da Qafqazdakı nüfuzlu siyasi xadimlərdən biri idi. O, Milli Şuraya daxil olmuşdu. Rusiya Müəssislər Məclisinə keçirilən seçkilərdə uğur qazanmışdı. Həsən bəy Ağayevdən sonra ADR parlamentinin sədrinin birinci müavini vəzifəsinə seçilir. Bundan başqa cumhuriyyət dövründə o, müxtəlif vaxtlarda daxili və xarici işlər naziri vəzifələrində də olub.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c20"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Məmməd Yusif Cəfərov da Qafqazdakı nüfuzlu siyasi xadimlərdən biri idi. O, Milli Şuraya daxil olmuşdu. Rusiya Müəssislər Məclisinə keçirilən seçkilərdə uğur qazanmışdı. Həsən bəy Ağayevdən sonra ADR parlamentinin sədrinin birinci müavini vəzifəsinə seçilir. Bundan başqa cumhuriyyət dövründə o, müxtəlif vaxtlarda daxili və xarici işlər naziri vəzifələrində də olub.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c25"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c24"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                AXC parlamentinin iclasından foto. Birinci sırada ADR-in Milli Şurasının sədri Məmməd Əmin Rəsulzadə əyləşib.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              AXC parlamentinin iclasından foto. Birinci sırada ADR-in Milli Şurasının sədri Məmməd Əmin Rəsulzadə əyləşib.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c26"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c25"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Azərbaycan nümayəndə heyəti üzvlərinin Paris sülh konfransı günlərində iclası.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Azərbaycan nümayəndə heyəti üzvlərinin Paris sülh konfransı günlərində iclası.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
                     >
-                      <div
-                        class="c17"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c18"
+                          class="c16"
                         >
                           <div
-                            class="c27"
+                            class="c17"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c26"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c19"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Səməd bəy Mehmandarov, hərbi və dövlət xadimi, artilleriya generalı olub. 15 fevral 1918-ci ildən 27 aprel 1920-ci ilə qədər Milli Hökumətin hərbi naziri vəzifəsini icra edib.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c20"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Səməd bəy Mehmandarov, hərbi və dövlət xadimi, artilleriya generalı olub. 15 fevral 1918-ci ildən 27 aprel 1920-ci ilə qədər Milli Hökumətin hərbi naziri vəzifəsini icra edib.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
                     >
-                      <div
-                        class="c17"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c18"
+                          class="c16"
                         >
                           <div
-                            class="c28"
+                            class="c17"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c27"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c19"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Əli Ağa Şıxlınski - Rusiya İmperiyası ordusunda general-leytenant, Azərbaycan Xalq Cümhuriyyətinin Hərbi nazirinin müavini 1917.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c20"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Əli Ağa Şıxlınski - Rusiya İmperiyası ordusunda general-leytenant, Azərbaycan Xalq Cümhuriyyətinin Hərbi nazirinin müavini 1917.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c29"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c28"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                AXC ordusunun zabit və əsgərləri.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              AXC ordusunun zabit və əsgərləri.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c30"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c29"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Gəncə yunkerlər məktəbinin zabit və kursantları.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Gəncə yunkerlər məktəbinin zabit və kursantları.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c31"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c30"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli arxiv 
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli arxiv 
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Azərbaycan Xalq Cümhuriyyəti parlamentinin binası, 1919-cu il.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Azərbaycan Xalq Cümhuriyyəti parlamentinin binası, 1919-cu il.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c32"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c31"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                AXC-nin yaradılmasının ildönümünə həsr edilmiş Azərbaycan ordusunun hərbi paradı, 1919-cu il.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              AXC-nin yaradılmasının ildönümünə həsr edilmiş Azərbaycan ordusunun hərbi paradı, 1919-cu il.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c11"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c10"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                AXC Nazirlər Sovetinin heyəti. Ortada - Nazirlər Sovetinin sədri Usub bəy Nəsirbəyov, hərbi nazir Səməd ağa Mehmandarov. Sağdan-sola: maliyyə naziri Əliağa Həsənov, xarici işlər naziri Fətəli xan Xoyski, əmək və ədliyyə naziri A. Səfirkürdski, portfelsiz nazir Amastor, səhiyyə naziri Taskanov, Nazirlər Sovetinin iş icraçısı Mirzə Qacar. Soldan-sağa: yol-nəqliyyat naziri Məlik Aslanov, teleqraf naziri Camo bəy Hacınski, nəzarət naziri Nəriman bəy Nərimanbəyov, ədliyyə nazirinin köməkçisi Teymur bəy Makinski, yol-nəqliyyat nazirinin köməkçisi Yusif Məmmədbəyov, əkinçilik nazirinin köməkçisi Hidayət bəy Sultanov, xarici işlər nazirinin köməkçisi Adilxan Ziyadxanov, 1919-cu il.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              AXC Nazirlər Sovetinin heyəti. Ortada - Nazirlər Sovetinin sədri Usub bəy Nəsirbəyov, hərbi nazir Səməd ağa Mehmandarov. Sağdan-sola: maliyyə naziri Əliağa Həsənov, xarici işlər naziri Fətəli xan Xoyski, əmək və ədliyyə naziri A. Səfirkürdski, portfelsiz nazir Amastor, səhiyyə naziri Taskanov, Nazirlər Sovetinin iş icraçısı Mirzə Qacar. Soldan-sağa: yol-nəqliyyat naziri Məlik Aslanov, teleqraf naziri Camo bəy Hacınski, nəzarət naziri Nəriman bəy Nərimanbəyov, ədliyyə nazirinin köməkçisi Teymur bəy Makinski, yol-nəqliyyat nazirinin köməkçisi Yusif Məmmədbəyov, əkinçilik nazirinin köməkçisi Hidayət bəy Sultanov, xarici işlər nazirinin köməkçisi Adilxan Ziyadxanov, 1919-cu il.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c7"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c6"
+                      dir="ltr"
                     >
-                      <div
-                        class="c9"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c10"
+                          class="c8"
                         >
                           <div
-                            class="c33"
+                            class="c9"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c32"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c13"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Azərbaycan parlamentinin üzvləri: Ortada: AXC Nazirlər Sovetinin sədri Fətəli xan Xoyski və Azərbaycan parlamentinin sədr müavini Həsənbəy Ağayev.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c14"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Azərbaycan parlamentinin üzvləri: Ortada: AXC Nazirlər Sovetinin sədri Fətəli xan Xoyski və Azərbaycan parlamentinin sədr müavini Həsənbəy Ağayev.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
                     >
-                      <div
-                        class="c17"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c18"
+                          class="c16"
                         >
                           <div
-                            class="c21"
+                            class="c17"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c20"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c19"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Əhməd bəy Ağayev - 1875-1939. Azərbaycanın 20-ci əsr ictimai-siyasi tarixinin fikir nəhənglərindən biri, publisist maarifçi, 1918-ci ildə Azərbaycanı xilas etməyə gələn türk ordusunun komandanı Nuru Paşanın müavini kimi vətənə dönmüş, milli parlamentin üzvü olmuşdur. Milli Hökumət dövründə xüsusi qərarla Türkiyədən ölkəmizə müəllim dəvət olunmasında, dərslik gətirilməsində böyük xidmətləri var.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c20"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Əhməd bəy Ağayev - 1875-1939. Azərbaycanın 20-ci əsr ictimai-siyasi tarixinin fikir nəhənglərindən biri, publisist maarifçi, 1918-ci ildə Azərbaycanı xilas etməyə gələn türk ordusunun komandanı Nuru Paşanın müavini kimi vətənə dönmüş, milli parlamentin üzvü olmuşdur. Milli Hökumət dövründə xüsusi qərarla Türkiyədən ölkəmizə müəllim dəvət olunmasında, dərslik gətirilməsində böyük xidmətləri var.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
-                  </div>
-                  <div
-                    class="c16"
-                  >
-                    <figure
-                      class="c8"
+                      </figure>
+                    </div>
+                    <div
+                      class="c15"
+                      dir="ltr"
                     >
-                      <div
-                        class="c17"
+                      <figure
+                        class="c7"
                       >
                         <div
-                          class="c18"
+                          class="c16"
                         >
                           <div
-                            class="c21"
+                            class="c17"
                           >
                             <div
-                              class="lazyload-placeholder"
-                            />
-                            <noscript />
-                            <p
-                              class="c12"
-                              role="text"
+                              class="c20"
                             >
-                              <span
-                                class="c13"
+                              <div
+                                class="lazyload-placeholder"
+                              />
+                              <noscript />
+                              <p
+                                class="c11"
+                                role="text"
                               >
-                                Şəklin mənbəyi, 
-                              </span>
+                                <span
+                                  class="c12"
+                                >
+                                  Şəklin mənbəyi, 
+                                </span>
+                                <span
+                                  lang="en-GB"
+                                >
+                                  Milli Arxiv
+                                </span>
+                              </p>
+                            </div>
+                          </div>
+                          <div
+                            class="c19"
+                          >
+                            <figcaption
+                              class="c14"
+                            >
                               <span
-                                lang="en-GB"
+                                class="c12"
                               >
-                                Milli Arxiv
+                                Şəklin alt yazısı, 
                               </span>
-                            </p>
+                              <p>
+                                Məmməd Həsən Hacinski AXC-nin birinci və ikinci kabinetlərində XİN rəhbəri, 2-ci kabinetində maliyyə naziri vəzifəsini icra edib. Hacınski Müsavat partiyasın üzvü olub, parlamentdə fraksiyalardan birinin lideri olub. Tarixçi-alim Altay Göyüşovun sözlərinə görə, 1920-ci ilin əvvəllərində Nazirlər Şurasının sədri Nəsib bəy Yusifbəyov istefaya getdikdən sonra yeni hökumətin təşkili Hacınskiyə tapşırılıb.
+                              </p>
+                            </figcaption>
                           </div>
                         </div>
-                        <div
-                          class="c20"
-                        >
-                          <figcaption
-                            class="c15"
-                          >
-                            <span
-                              class="c13"
-                            >
-                              Şəklin alt yazısı, 
-                            </span>
-                            <p>
-                              Məmməd Həsən Hacinski AXC-nin birinci və ikinci kabinetlərində XİN rəhbəri, 2-ci kabinetində maliyyə naziri vəzifəsini icra edib. Hacınski Müsavat partiyasın üzvü olub, parlamentdə fraksiyalardan birinin lideri olub. Tarixçi-alim Altay Göyüşovun sözlərinə görə, 1920-ci ilin əvvəllərində Nazirlər Şurasının sədri Nəsib bəy Yusifbəyov istefaya getdikdən sonra yeni hökumətin təşkili Hacınskiyə tapşırılıb.
-                            </p>
-                          </figcaption>
-                        </div>
-                      </div>
-                    </figure>
+                      </figure>
+                    </div>
                   </div>
                 </main>
                 <section
                   aria-labelledby="related-content-heading"
-                  class="c34"
+                  class="c33"
                   role="region"
                 >
                   <div
-                    class="c35"
+                    class="c34"
                   >
                     <div
-                      class="c36 c37"
+                      class="c35 c36"
                     >
                       <div
-                        class="c38"
+                        class="c37"
                       />
                       <h2
-                        class="c39"
+                        class="c38"
                       >
                         <span
-                          class="c40"
+                          class="c39"
                         >
                           <span
-                            class="c41"
+                            class="c40"
                           >
                             <span
-                              class="c42"
+                              class="c41"
                               dir="ltr"
                               id="related-content-heading"
                             >
@@ -8312,58 +7794,58 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </h2>
                     </div>
                     <ul
-                      class="c43 c44"
+                      class="c42 c43"
                       dir="ltr"
                       role="list"
                     >
                       <li
-                        class="c45 c46"
+                        class="c44 c45"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c46"
                         >
                           <div
-                            class="c48"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c48"
                             >
                               <div
-                                class="c50"
+                                class="c49"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c50"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c51"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c52"
                             >
                               <a
-                                class="c54"
+                                class="c53"
                                 href="/azeri/azerbaijan-44124647"
                               >
                                 ADR və Qazaxdan Qarsadək müsəlman dəhlizi ideyası
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c54"
                             >
                               Bu il Azərbaycan Demokratik Respublikasının elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca bu ərəfədə Azərbaycan xalqının epik və mühüm günlərini həftəlik esselərlə təqdim edir.
                             </p>
                             <time
-                              class="c56"
+                              class="c55"
                               datetime="2018-05-17"
                             >
                               17 May 2018
@@ -8372,53 +7854,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c44 c45"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c46"
                         >
                           <div
-                            class="c48"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c48"
                             >
                               <div
-                                class="c50"
+                                class="c49"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c50"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c51"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c52"
                             >
                               <a
-                                class="c54"
+                                class="c53"
                                 href="/azeri/azerbaijan-43540056"
                               >
                                 ADR-100: Türk Əsgəri üçün Cəbrayıl çörəyi
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c54"
                             >
                               ADR-100 layihəmizdə növbəti yazı: 1918-ci il martın 3-də Bolşeviklər Almaniya, Bolqarıstan, Avstriya-Macarıstan və Osmanlı nümayəndələri ilə Brest-Litovsk Sülh Sazişi imzalayır. İmzalanma Bakının azadlığı ilə nəticələnən bir sıra hadisələrə səbəb olur.
                             </p>
                             <time
-                              class="c56"
+                              class="c55"
                               datetime="2018-03-27"
                             >
                               27 Mart 2018
@@ -8427,53 +7909,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c44 c45"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c46"
                         >
                           <div
-                            class="c48"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c48"
                             >
                               <div
-                                class="c50"
+                                class="c49"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c50"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c51"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c52"
                             >
                               <a
-                                class="c54"
+                                class="c53"
                                 href="/azeri/azerbaijan-44022776"
                               >
                                 Borçalı: Tortdan hərəyə bir tikə - təkbaşına isə onu yemək olmaz
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c54"
                             >
                               #ADR100 layihəmizdə: 1918-1920-ci illərdə Gürcüstanla Azərbaycan arasında əməkdaşlıq yeni respublikalar üçün olduqca mühüm idi. Eyni zamanda Bakı ilə Tbilisi arasında gərginlik yaradan məsələlər mövcud idi. Belə məsələlərdən biri də ərazi mübahisələri idi.
                             </p>
                             <time
-                              class="c56"
+                              class="c55"
                               datetime="2018-05-10"
                             >
                               10 May 2018
@@ -8482,53 +7964,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c44 c45"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c46"
                         >
                           <div
-                            class="c48"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c48"
                             >
                               <div
-                                class="c50"
+                                class="c49"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c50"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c51"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c52"
                             >
                               <a
-                                class="c54"
+                                class="c53"
                                 href="/azeri/azerbaijan-43713137"
                               >
                                 Cümhuriyyət hökuməti Azərbaycanı necə idarə edirdi? İlk 6 ayın hadisələri
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c54"
                             >
                               1918-ci il mayın 28-də Azərbaycanın istiqlaliyyəti elan olunanda bu hadisədən bir gün əvvəl dağılmış Zaqafqaziya Seyminin 44 nəfər müsəlman nümayəndəsi Tiflisdə toplanır və özlərini Azərbaycanın Milli Şurası elan edirlər.
                             </p>
                             <time
-                              class="c56"
+                              class="c55"
                               datetime="2018-04-10"
                             >
                               10 Aprel 2018
@@ -8537,53 +8019,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c44 c45"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c46"
                         >
                           <div
-                            class="c48"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c48"
                             >
                               <div
-                                class="c50"
+                                class="c49"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c50"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c51"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c52"
                             >
                               <a
-                                class="c54"
+                                class="c53"
                                 href="/azeri/azerbaijan-37688691"
                               >
                                 1918-1991: Bir müstəqilliyin iki bəyanı
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c54"
                             >
                               25 il əvvəl bu gün Azərbaycan çökməkdə olan Sovet İttifaqından özünün müstəqillyini bəyan edib. Bu, Azərbaycan Respublikasının ikinci doğuluşu idi.
                             </p>
                             <time
-                              class="c56"
+                              class="c55"
                               datetime="2016-10-18"
                             >
                               18 Oktyabr 2016
@@ -8592,48 +8074,48 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c44 c45"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c46"
                         >
                           <div
-                            class="c48"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c48"
                             >
                               <div
-                                class="c50"
+                                class="c49"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c50"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c51"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c52"
                             >
                               <a
-                                class="c54"
+                                class="c53"
                                 href="/azeri/azerbaijan-37691096"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c13"
+                                    class="c12"
                                   >
                                     , 
                                   </span>
@@ -8644,12 +8126,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c54"
                             >
                               Çərşənbə axşamı şəhər sakinləri BBC Azərbaycancanın "Müstəqillik sizə nə verib?" sualını cavablandırıb.
                             </p>
                             <time
-                              class="c56"
+                              class="c55"
                               datetime="2016-10-18"
                             >
                               18 Oktyabr 2016
@@ -8658,53 +8140,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c44 c45"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c46"
                         >
                           <div
-                            class="c48"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c48"
                             >
                               <div
-                                class="c50"
+                                class="c49"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c50"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c51"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c52"
                             >
                               <a
-                                class="c54"
+                                class="c53"
                                 href="/azeri/azerbaijan-43499221"
                               >
                                 1918-ci ilə baxış: Mayın 28-nə aparan o yaz günlərində həyat necə idi?
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c54"
                             >
                               Bu il Azərbaycan Demokratik Respublikasının elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca bu ərəfədə Azərbaycan xalqının epik və mühüm günlərini həftəlik esselərlə təqdim edəcək.
                             </p>
                             <time
-                              class="c56"
+                              class="c55"
                               datetime="2018-03-22"
                             >
                               22 Mart 2018
@@ -8713,53 +8195,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c44 c45"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c46"
                         >
                           <div
-                            class="c48"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c48"
                             >
                               <div
-                                class="c50"
+                                class="c49"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c50"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c51"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c52"
                             >
                               <a
-                                class="c54"
+                                class="c53"
                                 href="/azeri/azerbaijan-44004471"
                               >
                                 #ADR100 Zaqatala: Azərbaycanın qalib gəldiyi mübahisə
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c54"
                             >
                               Bir çox azərbaycanlı və gürcüstanlı siyasətçiləri anlayırdılar ki, onların içində olduğu həssas dövrdən salamat çıxmaq üçün iqtisadi, siyasi və hərbi müttəfiqlik vacibdir. Eyni zamanda hər iki respublika arasında bir sıra mübahisələr də mövcud idi.
                             </p>
                             <time
-                              class="c56"
+                              class="c55"
                               datetime="2018-05-04"
                             >
                               4 May 2018
@@ -8768,53 +8250,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c44 c45"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c46"
                         >
                           <div
-                            class="c48"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c48"
                             >
                               <div
-                                class="c50"
+                                class="c49"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c50"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c51"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c52"
                             >
                               <a
-                                class="c54"
+                                class="c53"
                                 href="/azeri/azerbaijan-43870815"
                               >
                                 Cümhuriyyət hökumətinin İranla əlaqələri necə idi?
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c54"
                             >
                               İranın Xəzər sahilinə çıxan bölgələrində Azərbaycan Respublikasını böyük ticari imkanlar gözləyirdi. İran ixracatının 60-70 faizinin istehsalı ənənəvi olaraq məhz həmin regionun payına düşüb. Azərbaycan və xüsusilə Bakı-Batumi dəhlizi isə Avropa bazarına aparan təbii çıxış idi. Bəs milli hökümət iqtisadi imkanları gəlirli xarici ticarətə çevirə bildimi?
                             </p>
                             <time
-                              class="c56"
+                              class="c55"
                               datetime="2018-04-29"
                             >
                               29 Aprel 2018
diff --git a/src/app/pages/PhotoGalleryPage/index.jsx b/src/app/pages/PhotoGalleryPage/index.jsx
index b3a0bfb6dfc..8eae6d8e333 100644
--- a/src/app/pages/PhotoGalleryPage/index.jsx
+++ b/src/app/pages/PhotoGalleryPage/index.jsx
@@ -8,7 +8,7 @@ import {
 import { GEL_GROUP_4_SCREEN_WIDTH_MIN } from '@bbc/gel-foundations/breakpoints';
 import path from 'ramda/src/path';
 import pathOr from 'ramda/src/pathOr';
-import { GridWrapper } from '#lib/styledGrid';
+import { MediumContentContainer, MediumGridWrapper } from '#lib/styledGrid';
 import { getImageParts } from '#app/routes/cpsAsset/getInitialData/convertToOptimoBlocks/blocks/image/helpers';
 import CpsMetadata from '#containers/CpsMetadata';
 import LinkedData from '#containers/LinkedData';
@@ -65,7 +65,7 @@ const PhotoGalleryPage = ({ pageData }) => {
     version: props => <MediaPlayer {...props} assetUri={assetUri} />,
   };
 
-  const StyledGrid = styled(GridWrapper)`
+  const StyledGrid = styled(MediumContentContainer)`
     flex-grow: 1;
     padding-bottom: ${GEL_SPACING_TRPL};
 
@@ -106,7 +106,9 @@ const PhotoGalleryPage = ({ pageData }) => {
       />
       <ATIAnalytics data={pageData} />
       <StyledGrid as="main" role="main">
-        <Blocks blocks={blocks} componentsToRender={componentsToRender} />
+        <MediumGridWrapper>
+          <Blocks blocks={blocks} componentsToRender={componentsToRender} />
+        </MediumGridWrapper>
       </StyledGrid>
       <CpsRelatedContent content={relatedContent} enableGridWrapper />
     </>
diff --git a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
index db32bab17a9..def5929ad76 100644
--- a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
@@ -709,6 +709,42 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c3 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c3 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c3 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c3 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c3 {
+    display: block;
+  }
+}
+
+@supports (display:grid) {
+  .c11 {
+    display: block;
+  }
+}
+
 @media (max-width:14.9375rem) {
   .c40 {
     width: calc(100%);
@@ -802,54 +838,6 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   }
 }
 
-@media (max-width:63rem) {
-  .c3 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c3 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c3 {
-    grid-column: 6 / span 12;
-  }
-}
-
-@media (max-width:25rem) {
-  .c3 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c3 {
-    padding: 0 1rem;
-  }
-}
-
-@media (max-width:63rem) {
-  .c11 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c11 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c11 {
-    grid-column: 6 / span 12;
-  }
-}
-
 @media (max-width:37.4375rem) {
   .c14 {
     grid-column: 1 / span 6;
@@ -1349,6 +1337,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                 >
                   <div
                     class="c3"
+                    dir="ltr"
                   >
                     <h1
                       class="c4"
@@ -1385,6 +1374,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                   </div>
                   <div
                     class="c11"
+                    dir="ltr"
                   >
                     <figure
                       class="c12"
@@ -1442,7 +1432,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </figure>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1462,7 +1453,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1534,7 +1526,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </div>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1555,6 +1548,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                   </div>
                   <div
                     class="c11"
+                    dir="ltr"
                   >
                     <figure
                       class="c12"
@@ -1596,7 +1590,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </figure>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1607,7 +1602,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1616,7 +1612,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1627,7 +1624,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1693,7 +1691,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </div>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1745,7 +1744,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </h2>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1765,7 +1765,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </h2>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1774,7 +1775,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -1789,7 +1791,8 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c5"
+                    class="c3"
+                    dir="ltr"
                   >
                     <p
                       class="c21"
@@ -2613,7 +2616,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 `;
 
 exports[`Story Page snapshots should match snapshot for STY 1`] = `
-.c61 {
+.c60 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2622,7 +2625,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 0.75rem;
 }
 
-.c63 {
+.c62 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2631,7 +2634,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 0.75rem;
 }
 
-.c64 {
+.c63 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2640,7 +2643,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 0.8125rem;
 }
 
-.c38 {
+.c37 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2650,7 +2653,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   flex-direction: column;
 }
 
-.c39 {
+.c38 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2669,7 +2672,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   align-items: baseline;
 }
 
-.c40 {
+.c39 {
   font-size: 1.125rem;
   line-height: 1.375rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2689,23 +2692,23 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   align-items: center;
 }
 
-.c36 {
+.c35 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c34 {
+.c33 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c37 {
+.c36 {
   margin: 0;
   padding: 0;
 }
 
-.c32 {
+.c31 {
   font-size: 1.25rem;
   line-height: 1.5rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2716,7 +2719,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding: 1.5rem 0;
 }
 
-.c25 {
+.c24 {
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: italic;
@@ -2749,7 +2752,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   outline: none;
 }
 
-.c23 {
+.c22 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2760,20 +2763,20 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   margin: 0;
 }
 
-.c24 {
+.c23 {
   color: #222222;
   border-bottom: 1px solid #B80000;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c24:visited {
+.c23:visited {
   color: #6E6E73;
   border-bottom: 1px solid #6E6E73;
 }
 
-.c24:focus,
-.c24:hover {
+.c23:focus,
+.c23:hover {
   border-bottom: 2px solid #B80000;
   color: #B80000;
 }
@@ -2857,7 +2860,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   transition: visibility 0.2s linear;
 }
 
-.c22 {
+.c21 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -2868,11 +2871,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding-bottom: 0.25rem;
 }
 
-.c22:last-child {
+.c21:last-child {
   padding-bottom: 1rem;
 }
 
-.c52 {
+.c51 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -2882,39 +2885,39 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   font-style: normal;
 }
 
-.c30 {
+.c29 {
   padding-top: 56.25%;
   position: relative;
   overflow: hidden;
 }
 
-.c46 {
+.c45 {
   padding: 0.5rem 0 1rem;
 }
 
-.c46:first-child {
+.c45:first-child {
   padding-top: 0;
 }
 
-.c46:last-child {
+.c45:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c45 {
+.c44 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c53 {
+.c52 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c48 {
+.c47 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
@@ -2922,40 +2925,40 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   width: 100%;
 }
 
-.c48 >div {
+.c47 >div {
   vertical-align: middle;
 }
 
-.c48 >div {
+.c47 >div {
   display: inline-block;
   vertical-align: initial;
 }
 
-.c48 svg {
+.c47 svg {
   margin: 0;
 }
 
-.c56 {
+.c55 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c47 {
+.c46 {
   position: relative;
 }
 
-.c54 {
+.c53 {
   position: relative;
 }
 
-.c55 > * {
+.c54 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c49 {
+.c48 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -2967,7 +2970,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   display: inline;
 }
 
-.c57 {
+.c56 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -2978,7 +2981,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   line-height: 1.25rem;
 }
 
-.c51 {
+.c50 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2990,7 +2993,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding-top: 0.5rem;
 }
 
-.c58 {
+.c57 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3001,7 +3004,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding-bottom: 0.5rem;
 }
 
-.c50 {
+.c49 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -3009,7 +3012,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   overflow-wrap: break-word;
 }
 
-.c50:before {
+.c49:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -3021,17 +3024,17 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   z-index: 1;
 }
 
-.c50:hover,
-.c50:focus {
+.c49:hover,
+.c49:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c50:visited {
+.c49:visited {
   color: #6E6E73;
 }
 
-.c59 {
+.c58 {
   color: #222222;
   background-color: #FFFFFF;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3042,7 +3045,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   display: block;
 }
 
-.c60 {
+.c59 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3054,11 +3057,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 100%;
 }
 
-.c62 {
+.c61 {
   padding: 0 0.25rem;
 }
 
-.c27 {
+.c26 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3068,7 +3071,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   list-style-type: none;
 }
 
-.c27 > li::before {
+.c26 > li::before {
   content: ' ';
   display: inline-block;
   width: 2rem;
@@ -3076,27 +3079,27 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   margin-left: -2rem;
 }
 
-.c28 {
+.c27 {
   margin-bottom: 1rem;
 }
 
-.c26 {
+.c25 {
   margin-bottom: 1.5rem;
 }
 
-.c29 {
+.c28 {
   margin-top: 0.5rem;
 }
 
-.c29 figure {
+.c28 figure {
   padding-bottom: 0;
 }
 
-.c33 {
+.c32 {
   margin-bottom: 1rem;
 }
 
-.c35 {
+.c34 {
   margin-top: 0;
 }
 
@@ -3132,10 +3135,6 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   color: #5A5A5A;
 }
 
-.c21 {
-  padding-bottom: 1rem;
-}
-
 .c6 {
   padding-bottom: 1rem;
 }
@@ -3149,16 +3148,16 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   margin: 0 auto;
 }
 
-.c65 {
+.c64 {
   margin-bottom: 1.5rem;
   padding: 1rem;
 }
 
-.c44 {
+.c43 {
   margin-bottom: 1.5rem;
 }
 
-.c31 {
+.c30 {
   border: 0;
   left: 0;
   overflow: hidden;
@@ -3169,7 +3168,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) {
-  .c39 {
+  .c38 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -3178,39 +3177,39 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c40 {
+  .c39 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c40 {
+  .c39 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c40 {
+  .c39 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c40 {
+  .c39 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c36 {
+  .c35 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c36 {
+  .c35 {
     position: absolute;
     left: 0;
     right: 0;
@@ -3219,33 +3218,33 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) {
-  .c34 {
+  .c33 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c34 {
+  .c33 {
     margin-bottom: 1.5rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c32 {
+  .c31 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c32 {
+  .c31 {
     font-size: 2rem;
     line-height: 2.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c32 {
+  .c31 {
     padding-top: 2rem;
   }
 }
@@ -3336,47 +3335,83 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (max-width:14.9375rem) {
-  .c42 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+  .c3 {
+    padding: 0 0.5rem;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c42 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+  .c3 {
+    padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c42 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+  .c3 {
+    padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c42 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+  .c3 {
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c42 {
-    width: calc(33.333333333333336%);
-    display: inline-block;
-    vertical-align: top;
+@supports (display:grid) {
+  .c3 {
+    display: block;
+  }
+}
+
+@supports (display:grid) {
+  .c11 {
+    display: block;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c41 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c41 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c41 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c41 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c41 {
+    width: calc(33.333333333333336%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:80rem) {
-  .c42 {
+  .c41 {
     width: calc(33.333333333333336%);
     display: inline-block;
     vertical-align: top;
@@ -3384,7 +3419,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (display:grid) {
-  .c42 {
+  .c41 {
     display: block;
   }
 }
@@ -3428,54 +3463,6 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   }
 }
 
-@media (max-width:63rem) {
-  .c3 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c3 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c3 {
-    grid-column: 6 / span 12;
-  }
-}
-
-@media (max-width:25rem) {
-  .c3 {
-    padding: 0 0.5rem;
-  }
-}
-
-@media (min-width:25rem) and (max-width:62.9375rem) {
-  .c3 {
-    padding: 0 1rem;
-  }
-}
-
-@media (max-width:63rem) {
-  .c11 {
-    grid-column: 1 / span 6;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c11 {
-    grid-column: 3 / span 6;
-  }
-}
-
-@media (min-width:80rem) {
-  .c11 {
-    grid-column: 6 / span 12;
-  }
-}
-
 @media (max-width:37.4375rem) {
   .c14 {
     grid-column: 1 / span 6;
@@ -3557,14 +3544,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c23 {
+  .c22 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c23 {
+  .c22 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
@@ -3597,79 +3584,79 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c22 {
+  .c21 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c22 {
+  .c21 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c52 {
+  .c51 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c52 {
+  .c51 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c46 {
+  .c45 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c46 {
+  .c45 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c46 {
+  .c45 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c46:first-child {
+  .c45:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c53 {
+  .c52 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c53 {
+  .c52 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c48 {
+  .c47 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c48 {
+  .c47 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -3677,7 +3664,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c48 {
+  .c47 {
     display: block;
     width: initial;
     padding: initial;
@@ -3687,13 +3674,13 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) {
-  .c56 {
+  .c55 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c56 {
+  .c55 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -3701,7 +3688,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c56 {
+  .c55 {
     display: block;
     width: initial;
     padding: initial;
@@ -3710,7 +3697,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c47 {
+  .c46 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -3718,200 +3705,200 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:25rem) {
-  .c55 {
+  .c54 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c55 > * {
+  .c54 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c49 {
+  .c48 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c49 {
+  .c48 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c57 {
+  .c56 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c57 {
+  .c56 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c51 {
+  .c50 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c51 {
+  .c50 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c51 {
+  .c50 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c51 {
+  .c50 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c58 {
+  .c57 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c58 {
+  .c57 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c58 {
+  .c57 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c58 {
+  .c57 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c59 {
+  .c58 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c59 {
+  .c58 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c27 {
+  .c26 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c27 {
+  .c26 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (max-width:63rem) {
-  .c29 {
+  .c28 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c29 {
+  .c28 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c29 {
+  .c28 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c29 {
+  .c28 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c29 {
+  .c28 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:25rem) {
-  .c29 {
+  .c28 {
     margin-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c29 {
+  .c28 {
     padding-top: 0.5rem;
     margin-top: 2rem;
   }
 }
 
 @media (max-width:25rem) {
-  .c33 {
+  .c32 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c33 {
+  .c32 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c33 {
+  .c32 {
     margin-bottom: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c41 {
+  .c40 {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c41 {
+  .c40 {
     padding-bottom: 1.5rem;
   }
 }
@@ -3922,12 +3909,6 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   }
 }
 
-@media (min-width:63rem) {
-  .c21 {
-    padding-bottom: 1.5rem;
-  }
-}
-
 @media (min-width:63rem) {
   .c6 {
     padding-bottom: 1.5rem;
@@ -3941,13 +3922,13 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:63rem) {
-  .c43 {
+  .c42 {
     margin-top: 2rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c44 {
+  .c43 {
     padding: 1rem;
   }
 }
@@ -4208,6 +4189,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                     >
                       <div
                         class="c3"
+                        dir="ltr"
                       >
                         <h1
                           class="c4"
@@ -4244,6 +4226,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                       </div>
                       <div
                         class="c11"
+                        dir="ltr"
                       >
                         <figure
                           class="c12"
@@ -4301,26 +4284,28 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </figure>
                       </div>
                       <div
-                        class="c5 c21"
+                        class="c3"
+                        dir="ltr"
                       >
                         <time
-                          class="c22"
+                          class="c21"
                           datetime="2019-10-23"
                         >
                           23 October 2019
                         </time>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           <b>
                              This is introduction text, it should be bold by default, but also support 
                           </b>
                           <a
-                            class="c24"
+                            class="c23"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             inline links
@@ -4331,20 +4316,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           <i
-                            class="c25"
+                            class="c24"
                           >
                             <b>
                               This is a subheadline! that has 
                             </b>
                           </i>
                           <a
-                            class="c24"
+                            class="c23"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             a link
@@ -4355,21 +4341,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <div
-                          class="c26"
+                          class="c25"
                         >
                           <ul
-                            class="c27"
+                            class="c26"
                             dir="ltr"
                             role="list"
                           >
                             <li
-                              class="c28"
+                              class="c27"
                               role="listitem"
                             >
                               This is a unordered list
                             </li>
                             <li
-                              class="c28"
+                              class="c27"
                               role="listitem"
                             >
                               It can have 
@@ -4379,22 +4365,22 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                in it
                             </li>
                             <li
-                              class="c28"
+                              class="c27"
                               role="listitem"
                             >
                               <a
-                                class="c24"
+                                class="c23"
                                 href="https://bbc.com/pidgin/23248703"
                               >
                                 It can also have links
                               </a>
                             </li>
                             <li
-                              class="c28"
+                              class="c27"
                               role="listitem"
                             >
                               <i
-                                class="c25"
+                                class="c24"
                               >
                                 It can even have italic text in it!
                               </i>
@@ -4403,14 +4389,15 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </div>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           Feta the big cheese macaroni cheese. 
                           <a
-                            class="c24"
+                            class="c23"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             Caerphilly danish fontina
@@ -4424,6 +4411,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                       </div>
                       <div
                         class="c11"
+                        dir="ltr"
                       >
                         <figure
                           class="c12"
@@ -4465,10 +4453,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </figure>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           <b>
                             Start of localised text
@@ -4476,19 +4465,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           Dem say di medicine dey offer more protection against heart attack and stroke, if you take am before you go sleep instead of for morning, dat na wetin new study suggest.
                         </p>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           <b>
                             End of localised text
@@ -4496,14 +4487,15 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           Rubber cheese macaroni 
                           <i
-                            class="c25"
+                            class="c24"
                           >
                             cheese cottage cheese
                           </i>
@@ -4514,21 +4506,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <div
-                          class="c26"
+                          class="c25"
                         >
                           <ul
-                            class="c27"
+                            class="c26"
                             dir="ltr"
                             role="list"
                           >
                             <li
-                              class="c28"
+                              class="c27"
                               role="listitem"
                             >
                               This is a ordered list
                             </li>
                             <li
-                              class="c28"
+                              class="c27"
                               role="listitem"
                             >
                               It can have 
@@ -4538,22 +4530,22 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                in it
                             </li>
                             <li
-                              class="c28"
+                              class="c27"
                               role="listitem"
                             >
                               <a
-                                class="c24"
+                                class="c23"
                                 href="https://bbc.com/pidgin/23248703"
                               >
                                 It can also have links
                               </a>
                             </li>
                             <li
-                              class="c28"
+                              class="c27"
                               role="listitem"
                             >
                               <i
-                                class="c25"
+                                class="c24"
                               >
                                 It can even have italic text in it!
                               </i>
@@ -4562,27 +4554,28 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </div>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           Cauliflower cheese bocconcini hard cheese. Port-salut ricotta rubber cheese pecorino queso say cheese danish fontina parmesan. Port-salut lancashire pecorino say cheese stilton jarlsberg when the cheese comes out everybody's happy chalk and cheese. Squirty cheese cheese triangles swiss blue castello fromage mozzarella macaroni cheese cottage cheese. Chalk and cheese parmesan lancashire fondue.
                         </p>
                       </div>
                       <div
-                        class="c29"
+                        class="c28"
                       >
                         <figure
                           class="c12"
                         >
                           <div
-                            class="c30"
+                            class="c29"
                           >
                             <iframe
                               allow="autoplay; fullscreen"
                               allowfullscreen=""
-                              class="c31"
+                              class="c30"
                               scrolling="no"
                               src="https://polling.test.bbc.co.uk/ws/av-embeds/cps/pidgin/world-23252817/p01mr6r9/pcm"
                               title="Media player"
@@ -4595,7 +4588,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <h2
-                          class="c32"
+                          class="c31"
                           id="This-is-a-heading"
                           tabindex="-1"
                         >
@@ -4603,10 +4596,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </h2>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           Squirty cheese dolcelatte say cheese. Brie cut the cheese fondue cow queso cheese on toast dolcelatte chalk and cheese. Queso roquefort manchego pecorino cheese strings manchego melted cheese halloumi. Cream cheese when the cheese comes out everybody's happy rubber cheese macaroni cheese blue castello cheeseburger caerphilly lancashire. Fondue blue castello.
                         </p>
@@ -4615,7 +4609,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <h2
-                          class="c32"
+                          class="c31"
                           id="This-is-a-crosshead"
                           tabindex="-1"
                         >
@@ -4623,23 +4617,25 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </h2>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           Brie parmesan camembert de normandie. Cottage cheese mozzarella cheesy grin red leicester hard cheese cheesy feet taleggio ricotta. Melted cheese say cheese cut the cheese brie cheese and biscuits cheese slices boursin squirty cheese. Say cheese camembert de normandie.
                         </p>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           <a
                             aria-label="This is an external link to google!, outside"
-                            class="c24"
+                            class="c23"
                             href="https://www.google.com/"
                           >
                             This is an external link to google!
@@ -4647,10 +4643,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c5"
+                        class="c3"
+                        dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c22"
                         >
                           Cheese strings stilton cheesy feet. Cheese strings fondue cow fromage edam halloumi cut the cheese cream cheese. Melted cheese brie rubber cheese parmesan cut the cheese queso st. agur blue cheese dolcelatte. Port-salut croque monsieur cheese and wine cheese triangles cheesy grin.
                         </p>
@@ -4658,26 +4655,26 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                     </main>
                     <section
                       aria-labelledby="related-content-heading"
-                      class="c33"
+                      class="c32"
                       role="region"
                     >
                       <div
-                        class="c34 c35"
+                        class="c33 c34"
                       >
                         <div
-                          class="c36"
+                          class="c35"
                         />
                         <h2
-                          class="c37"
+                          class="c36"
                         >
                           <span
-                            class="c38"
+                            class="c37"
                           >
                             <span
-                              class="c39"
+                              class="c38"
                             >
                               <span
-                                class="c40"
+                                class="c39"
                                 dir="ltr"
                                 id="related-content-heading"
                               >
@@ -4688,39 +4685,39 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </h2>
                       </div>
                       <div
-                        class="c41"
+                        class="c40"
                       />
                     </section>
                   </div>
                   <div
-                    class="c42 c43"
+                    class="c41 c42"
                     dir="ltr"
                   >
                     <div
-                      class="c44"
+                      class="c43"
                     >
                       <section
                         aria-labelledby="top-stories-heading"
-                        class="c33"
+                        class="c32"
                         role="region"
                       >
                         <div
-                          class="c34 c35"
+                          class="c33 c34"
                         >
                           <div
-                            class="c36"
+                            class="c35"
                           />
                           <h2
-                            class="c37"
+                            class="c36"
                           >
                             <span
-                              class="c38"
+                              class="c37"
                             >
                               <span
-                                class="c39"
+                                class="c38"
                               >
                                 <span
-                                  class="c40"
+                                  class="c39"
                                   dir="ltr"
                                   id="top-stories-heading"
                                 >
@@ -4731,37 +4728,37 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                           </h2>
                         </div>
                         <ul
-                          class="c45"
+                          class="c44"
                           role="list"
                         >
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c48"
+                                class="c47"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c49"
+                                  class="c48"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/pidgin/23248287"
                                   >
                                     ATMs across the country
                                   </a>
                                 </h3>
                                 <p
-                                  class="c51"
+                                  class="c50"
                                 >
                                   Here we have an article about a particular topic
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2019-09-10"
                                 >
                                   10th September 2019
@@ -4770,33 +4767,33 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c48"
+                                class="c47"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c49"
+                                  class="c48"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/pidgin/tori-23146434"
                                   >
                                     Jacob Zuma: Staying!!!
                                   </a>
                                 </h3>
                                 <p
-                                  class="c51"
+                                  class="c50"
                                 >
                                   Lawmakers for South Africa Parliament don vote make President Jacob Zuma continue dey run things for government.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -4805,33 +4802,33 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c48"
+                                class="c47"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c49"
+                                  class="c48"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="https://www.bbc.co.uk/news"
                                   >
                                     Feature promo
                                   </a>
                                 </h3>
                                 <p
-                                  class="c51"
+                                  class="c50"
                                 >
                                   Feature promo summary
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2019-12-06"
                                 >
                                   6th December 2019
@@ -4843,30 +4840,30 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                       </section>
                     </div>
                     <div
-                      class="c44"
+                      class="c43"
                     >
                       <section
                         aria-labelledby="features-analysis-heading"
-                        class="c33"
+                        class="c32"
                         role="region"
                       >
                         <div
-                          class="c34 c35"
+                          class="c33 c34"
                         >
                           <div
-                            class="c36"
+                            class="c35"
                           />
                           <h2
-                            class="c37"
+                            class="c36"
                           >
                             <span
-                              class="c38"
+                              class="c37"
                             >
                               <span
-                                class="c39"
+                                class="c38"
                               >
                                 <span
-                                  class="c40"
+                                  class="c39"
                                   dir="ltr"
                                   id="features-analysis-heading"
                                 >
@@ -4877,22 +4874,22 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                           </h2>
                         </div>
                         <ul
-                          class="c45"
+                          class="c44"
                           role="list"
                         >
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c53"
+                                class="c52"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c53"
                                 >
                                   <div
                                     class="c15"
@@ -4902,31 +4899,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c54"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c55"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c56"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/pidgin/tori-23146625"
                                   >
                                     How Lagos Dey Fight Lassa Fever
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c57"
                                 >
                                   100 workers for LUTH dey under observation after two people die from Lassa Fever.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2017-08-09"
                                 >
                                   9th August 2017
@@ -4935,18 +4932,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c53"
+                                class="c52"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c53"
                                 >
                                   <div
                                     class="c15"
@@ -4956,19 +4953,19 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c54"
                                   >
                                     <div
                                       aria-hidden="true"
-                                      class="c59"
+                                      class="c58"
                                       dir="ltr"
                                     >
                                       <div
-                                        class="c60"
+                                        class="c59"
                                       >
                                         <svg
                                           aria-hidden="true"
-                                          class="c61"
+                                          class="c60"
                                           focusable="false"
                                           height="12px"
                                           viewBox="0 0 32 32"
@@ -4979,7 +4976,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                           />
                                         </svg>
                                         <time
-                                          class="c62"
+                                          class="c61"
                                           datetime="PT1M7S"
                                         >
                                           1:07
@@ -4990,14 +4987,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c55"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c56"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/pidgin/media-23267821"
                                   >
                                     <span
@@ -5021,12 +5018,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c57"
                                 >
                                   Justin Trudeau has been re-elected prime minister of Canada with a reduced share of the vote.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2020-02-17"
                                 >
                                   17th February 2020
@@ -5035,18 +5032,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c53"
+                                class="c52"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c53"
                                 >
                                   <div
                                     class="c15"
@@ -5056,19 +5053,19 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c54"
                                   >
                                     <div
                                       aria-hidden="true"
-                                      class="c59"
+                                      class="c58"
                                       dir="ltr"
                                     >
                                       <div
-                                        class="c60"
+                                        class="c59"
                                       >
                                         <svg
                                           aria-hidden="true"
-                                          class="c63"
+                                          class="c62"
                                           focusable="false"
                                           height="12px"
                                           viewBox="0 0 13 12"
@@ -5087,14 +5084,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c55"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c56"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/pidgin/23267823"
                                   >
                                     <span
@@ -5113,12 +5110,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c57"
                                 >
                                   Kojey Radical and guests discuss how to write about something you’ve not experienced.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2020-02-17"
                                 >
                                   17th February 2020
@@ -5127,18 +5124,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c53"
+                                class="c52"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c53"
                                 >
                                   <div
                                     class="c15"
@@ -5148,31 +5145,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c54"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c55"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c56"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/pidgin/tori-23169387"
                                   >
                                     Libya: omo ile Ghana márùndínláàdóje pada sile
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c57"
                                 >
                                   Omo Orileede Ghana to le ni márùndínláàdóje ti pada sile lati Libya ti won ti lo se atipo, leyin ti fonran fihan wipe won n ta won bi eru.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2017-12-05"
                                 >
                                   5th December 2017
@@ -5181,18 +5178,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c53"
+                                class="c52"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c53"
                                 >
                                   <div
                                     class="c15"
@@ -5202,31 +5199,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c54"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c55"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c56"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/news/world-africa-23143884"
                                   >
                                     Like Scaramucci, Like Others
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c57"
                                 >
                                   President Trump sack Anthony Scaramucci after ten days for office, but wetin happen to Scaramucci don happen to other people before.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5235,18 +5232,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c53"
+                                class="c52"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c53"
                                 >
                                   <div
                                     class="c15"
@@ -5256,31 +5253,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c54"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c55"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c56"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/pidgin/tori-23146975"
                                   >
                                     Anambra Attack: 'My Friend Uchenna na Nice Girl'- Gabros
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c57"
                                 >
                                   Chukwuka Gabros tell BBC about Im friend wey die for the church attack for Ozubulu, Anambra State.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2017-08-09"
                                 >
                                   9th August 2017
@@ -5289,18 +5286,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c53"
+                                class="c52"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c53"
                                 >
                                   <div
                                     class="c15"
@@ -5310,31 +5307,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c54"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c55"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c56"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="https://www.bbc.com/pidgin/sport-51434980"
                                   >
                                     Man City vs West Ham: Bad weather force Premier League to cancel Sunday match
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c57"
                                 >
                                   Man City vs West Ham: Bad weather force Premier League to cancel Sunday match
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2020-02-17"
                                 >
                                   17th February 2020
@@ -5343,18 +5340,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c53"
+                                class="c52"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c53"
                                 >
                                   <div
                                     class="c15"
@@ -5364,31 +5361,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c54"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c55"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c56"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/pidgin/tori-23145776"
                                   >
                                     Anambra Church: Police Arrest 3
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c57"
                                 >
                                   Governor Willie Obiano of Anambra State bin don promise say government go handle the matter sharp, sharp
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5397,18 +5394,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c45"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c46"
                             >
                               <div
-                                class="c53"
+                                class="c52"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c53"
                                 >
                                   <div
                                     class="c15"
@@ -5418,19 +5415,19 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c54"
                                   >
                                     <div
                                       aria-hidden="true"
-                                      class="c59"
+                                      class="c58"
                                       dir="ltr"
                                     >
                                       <div
-                                        class="c60"
+                                        class="c59"
                                       >
                                         <svg
                                           aria-hidden="true"
-                                          class="c64"
+                                          class="c63"
                                           focusable="false"
                                           height="13px"
                                           viewBox="0 0 32 26"
@@ -5451,14 +5448,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c55"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c56"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c49"
                                     href="/pidgin/23146654"
                                   >
                                     <span
@@ -5477,12 +5474,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c57"
                                 >
                                   This na some of the picture wey our eye see as Kenya people go vote for election today
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c51"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5494,7 +5491,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                       </section>
                     </div>
                     <div
-                      class="c65"
+                      class="c64"
                     />
                   </div>
                 </div>

From 89b276d0d752621bccbe1dff2f973fca6cdafd7e Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Fri, 22 May 2020 09:05:36 +0300
Subject: [PATCH 03/12] Fix medium container

---
 src/app/lib/styledGrid/index.jsx              | 28 ++++--
 .../__snapshots__/index.test.jsx.snap         |  6 +-
 .../__snapshots__/index.test.jsx.snap         | 99 +++++++++++++++++--
 3 files changed, 112 insertions(+), 21 deletions(-)

diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index feb61a4d07c..4245887e870 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -10,6 +10,7 @@ import {
   GEL_GROUP_2_SCREEN_WIDTH_MIN,
   GEL_GROUP_2_SCREEN_WIDTH_MAX,
   GEL_GROUP_3_SCREEN_WIDTH_MIN,
+  GEL_GROUP_4_SCREEN_WIDTH_MIN,
   GEL_GROUP_5_SCREEN_WIDTH_MIN,
 } from '@bbc/gel-foundations/breakpoints';
 import Grid from '@bbc/psammead-grid';
@@ -29,8 +30,10 @@ import {
 } from '../layoutGrid';
 
 export const MediumContentContainer = styled.div`
-  max-width: 46.4rem;
-  margin: 0 auto;
+  @media (min-width: ${GEL_GROUP_4_SCREEN_WIDTH_MIN}) {
+    margin: 0 auto;
+    max-width: 46.4rem;
+  }
 `;
 
 export const MediumGridWrapper = ({ children }) => {
@@ -86,16 +89,25 @@ GridItem.propTypes = {
 
 export const GridItemSmall = ({ children }) => {
   const columns = {
-    group0: 6,
-    group1: 6,
-    group2: 6,
-    group3: 6,
-    group4: 6,
+    group0: 4,
+    group1: 4,
+    group2: 4,
+    group3: 4,
+    group4: 4,
     group5: 8,
   };
 
+  const margins = {
+    group0: true,
+    group1: true,
+    group2: true,
+    group3: false,
+    group4: false,
+    group5: false,
+  };
+
   return (
-    <Grid item columns={columns}>
+    <Grid item columns={columns} margins={margins}>
       {children}
     </Grid>
   );
diff --git a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
index aeb8db9d34d..44a628ca82d 100644
--- a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
@@ -7,7 +7,7 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
     chartbeat
   </div>
   <main
-    class="MediumContentContainer-sc-12lwanc-0 ggHMgf"
+    class="MediumContentContainer-sc-12lwanc-0 faEgKn"
     role="main"
   >
     <div
@@ -501,7 +501,7 @@ exports[`should render a news article correctly 1`] = `
     chartbeat
   </div>
   <main
-    class="MediumContentContainer-sc-12lwanc-0 ggHMgf"
+    class="MediumContentContainer-sc-12lwanc-0 faEgKn"
     role="main"
   >
     <div
@@ -542,7 +542,7 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
     chartbeat
   </div>
   <main
-    class="MediumContentContainer-sc-12lwanc-0 ggHMgf"
+    class="MediumContentContainer-sc-12lwanc-0 faEgKn"
     role="main"
   >
     <div
diff --git a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
index 9c1c7bea39d..201d6428b3b 100644
--- a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
@@ -121,8 +121,6 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
 }
 
 .c0 {
-  max-width: 46.4rem;
-  margin: 0 auto;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -173,6 +171,24 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c13 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c13 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c13 {
+    padding: 0 1rem;
+  }
+}
+
 @supports (display:grid) {
   .c13 {
     display: block;
@@ -396,6 +412,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   }
 }
 
+@media (min-width:63rem) {
+  .c0 {
+    margin: 0 auto;
+    max-width: 46.4rem;
+  }
+}
+
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;
@@ -1437,8 +1460,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 .c0 {
-  max-width: 46.4rem;
-  margin: 0 auto;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -1489,6 +1510,24 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c14 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c14 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c14 {
+    padding: 0 1rem;
+  }
+}
+
 @supports (display:grid) {
   .c14 {
     display: block;
@@ -1726,6 +1765,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   }
 }
 
+@media (min-width:63rem) {
+  .c0 {
+    margin: 0 auto;
+    max-width: 46.4rem;
+  }
+}
+
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;
@@ -2972,8 +3018,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 .c0 {
-  max-width: 46.4rem;
-  margin: 0 auto;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -3516,6 +3560,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   }
 }
 
+@media (min-width:63rem) {
+  .c0 {
+    margin: 0 auto;
+    max-width: 46.4rem;
+  }
+}
+
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;
@@ -4360,8 +4411,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 .c0 {
-  max-width: 46.4rem;
-  margin: 0 auto;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -4546,6 +4595,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   }
 }
 
+@media (min-width:63rem) {
+  .c0 {
+    margin: 0 auto;
+    max-width: 46.4rem;
+  }
+}
+
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;
@@ -5996,8 +6052,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 .c0 {
-  max-width: 46.4rem;
-  margin: 0 auto;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
@@ -6110,6 +6164,24 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c15 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c15 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c15 {
+    padding: 0 1rem;
+  }
+}
+
 @supports (display:grid) {
   .c15 {
     display: block;
@@ -6629,6 +6701,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   }
 }
 
+@media (min-width:63rem) {
+  .c0 {
+    margin: 0 auto;
+    max-width: 46.4rem;
+  }
+}
+
 @media (min-width:63rem) {
   .c0 {
     padding-bottom: 2rem;

From 1649b829fd89f14540c45d1bb526735362c5a51c Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Fri, 22 May 2020 09:15:53 +0300
Subject: [PATCH 04/12] Fix MediaAssetPage

---
 .../pages/MediaAssetPage/__snapshots__/index.test.jsx.snap   | 4 ++--
 src/app/pages/MediaAssetPage/index.jsx                       | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
index f0c07c84957..3bf324c83e7 100644
--- a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
@@ -19,7 +19,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
           >
             <noscript />
             <main
-              class="GridWrapper-sc-12lwanc-1 StyledGrid-oo43dv-0 jHslwF"
+              class="MediumContentContainer-sc-12lwanc-0 StyledGrid-oo43dv-0 fBlzsH"
               role="main"
             >
               <h1
@@ -396,7 +396,7 @@ exports[`Media Asset Page should render component 1`] = `
           >
             <noscript />
             <main
-              class="GridWrapper-sc-12lwanc-1 StyledGrid-oo43dv-0 jHslwF"
+              class="MediumContentContainer-sc-12lwanc-0 StyledGrid-oo43dv-0 fBlzsH"
               role="main"
             >
               <h1
diff --git a/src/app/pages/MediaAssetPage/index.jsx b/src/app/pages/MediaAssetPage/index.jsx
index 3b848d29119..2e4006e9ef5 100644
--- a/src/app/pages/MediaAssetPage/index.jsx
+++ b/src/app/pages/MediaAssetPage/index.jsx
@@ -11,7 +11,7 @@ import { GEL_GROUP_4_SCREEN_WIDTH_MIN } from '@bbc/gel-foundations/breakpoints';
 
 import pathOr from 'ramda/src/pathOr';
 import MediaMessage from './MediaMessage';
-import { GridWrapper } from '#lib/styledGrid';
+import { MediumContentContainer } from '#lib/styledGrid';
 import { getImageParts } from '#app/routes/cpsAsset/getInitialData/convertToOptimoBlocks/blocks/image/helpers';
 import CpsMetadata from '#containers/CpsMetadata';
 import LinkedData from '#containers/LinkedData';
@@ -86,8 +86,7 @@ const MediaAssetPage = ({ pageData }) => {
     unavailableMedia: MediaMessage,
   };
 
-  const StyledGrid = styled(GridWrapper)`
-    width: 100%;
+  const StyledGrid = styled(MediumContentContainer)`
     padding-bottom: ${GEL_SPACING_TRPL};
     @media (min-width: ${GEL_GROUP_4_SCREEN_WIDTH_MIN}) {
       padding-bottom: ${GEL_SPACING_QUAD};

From 62de9758f4bd820321c660f73f5fbe99b7e645f5 Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Fri, 22 May 2020 10:34:15 +0300
Subject: [PATCH 05/12] Update GridItem

---
 src/app/lib/styledGrid/index.jsx              |  6 +-
 .../__snapshots__/index.test.jsx.snap         | 12 ++--
 .../__snapshots__/index.test.jsx.snap         | 60 +++++++++----------
 3 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index 4245887e870..7a99c057cef 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -62,9 +62,9 @@ export const GridItem = ({ children }) => {
     group0: 6,
     group1: 6,
     group2: 6,
-    group3: 6,
-    group4: 6,
-    group5: 12,
+    group3: 5,
+    group4: 5,
+    group5: 10,
   };
 
   const margins = {
diff --git a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
index 44a628ca82d..378c2e649cc 100644
--- a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
@@ -15,7 +15,7 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
       dir="ltr"
     >
       <div
-        class="GridComponent-nf79gm-0 jkNDkL"
+        class="GridComponent-nf79gm-0 dHalIG"
         dir="ltr"
       >
         <h1
@@ -27,7 +27,7 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridComponent-nf79gm-0 jkNDkL"
+        class="GridComponent-nf79gm-0 dHalIG"
         dir="ltr"
       >
         <p
@@ -509,7 +509,7 @@ exports[`should render a news article correctly 1`] = `
       dir="ltr"
     >
       <div
-        class="GridComponent-nf79gm-0 jkNDkL"
+        class="GridComponent-nf79gm-0 dHalIG"
         dir="ltr"
       >
         <h1
@@ -521,7 +521,7 @@ exports[`should render a news article correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridComponent-nf79gm-0 jkNDkL"
+        class="GridComponent-nf79gm-0 dHalIG"
         dir="ltr"
       >
         <p
@@ -550,7 +550,7 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
       dir="ltr"
     >
       <div
-        class="GridComponent-nf79gm-0 jkNDkL"
+        class="GridComponent-nf79gm-0 dHalIG"
         dir="ltr"
       >
         <h1
@@ -562,7 +562,7 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridComponent-nf79gm-0 jkNDkL"
+        class="GridComponent-nf79gm-0 dHalIG"
         dir="ltr"
       >
         <p
diff --git a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
index 3bf324c83e7..d11d81a6951 100644
--- a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
@@ -61,7 +61,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </strong>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <time
@@ -72,7 +72,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </time>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -84,7 +84,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -99,7 +99,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -122,7 +122,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -137,7 +137,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -154,7 +154,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -168,7 +168,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -178,7 +178,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -188,7 +188,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -198,7 +198,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -349,7 +349,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </figure>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -359,7 +359,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -438,7 +438,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </strong>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <time
@@ -457,7 +457,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -502,7 +502,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </h2>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -512,7 +512,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -602,7 +602,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -692,7 +692,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -723,7 +723,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -733,7 +733,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -743,7 +743,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -753,7 +753,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -763,7 +763,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -773,7 +773,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -783,7 +783,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -793,7 +793,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -803,7 +803,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -970,7 +970,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p
@@ -980,7 +980,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 jkNDkL"
+                class="GridComponent-nf79gm-0 dHalIG"
                 dir="ltr"
               >
                 <p

From 1be69f9ddfbb29833e580e3c1a472076cdda3ebc Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Fri, 22 May 2020 11:25:40 +0300
Subject: [PATCH 06/12] Update GridItemLarge

---
 src/app/containers/Headings/index.jsx         |    6 +-
 src/app/containers/Image/index.jsx            |    8 +-
 src/app/lib/styledGrid/index.jsx              |   33 +-
 .../__snapshots__/index.test.jsx.snap         |    6 +-
 .../__snapshots__/index.test.jsx.snap         | 2450 +++++++++--------
 .../__snapshots__/index.test.jsx.snap         | 1360 ++++-----
 6 files changed, 2047 insertions(+), 1816 deletions(-)

diff --git a/src/app/containers/Headings/index.jsx b/src/app/containers/Headings/index.jsx
index 0c1e8c894cf..f58c1abecfd 100644
--- a/src/app/containers/Headings/index.jsx
+++ b/src/app/containers/Headings/index.jsx
@@ -8,7 +8,7 @@ import { headlineModelPropTypes } from '#models/propTypes/headline';
 import Fragment from '../Fragment';
 import Blocks from '../Blocks';
 import idSanitiser from '#lib/utilities/idSanitiser';
-import { GridItem, GridItemConstrainedMedium } from '#lib/styledGrid';
+import { GridItemLarge, GridItemConstrainedMedium } from '#lib/styledGrid';
 
 const StyledHeadline = styled(Headline)`
   :focus {
@@ -22,7 +22,7 @@ const Headings = {
 };
 
 const GridConstraints = {
-  headline: GridItem,
+  headline: GridItemLarge,
   subheadline: GridItemConstrainedMedium,
 };
 
@@ -55,7 +55,7 @@ const HeadingsContainer = ({ blocks, type }) => {
   const id = type === 'headline' ? headingId : subHeadingId;
 
   return (
-    <GridConstrain>
+    <GridConstrain enableMargins>
       <Heading script={script} service={service} id={id} tabIndex="-1">
         {renderText()}
       </Heading>
diff --git a/src/app/containers/Image/index.jsx b/src/app/containers/Image/index.jsx
index a71bcf35252..b6cbb0a8ff0 100644
--- a/src/app/containers/Image/index.jsx
+++ b/src/app/containers/Image/index.jsx
@@ -2,11 +2,7 @@ import React from 'react';
 import filterForBlockType from '#lib/utilities/blockHandlers';
 import { imageModelPropTypes } from '#models/propTypes/image';
 import ArticleFigure from '../ArticleFigure';
-import {
-  GridItemMedium,
-  GridItemSmall,
-  GridItemLargeNoMargin,
-} from '#lib/styledGrid';
+import { GridItemMedium, GridItemSmall, GridItemLarge } from '#lib/styledGrid';
 import { createSrcset } from '#lib/utilities/srcSet';
 import buildIChefURL from '#lib/utilities/ichefURL';
 import urlWithPageAnchor from '#lib/utilities/pageAnchor';
@@ -58,7 +54,7 @@ const ImageContainer = ({ blocks, position }) => {
   const srcSet = createSrcset(originCode, locator, width);
   const lazyLoad = shouldLazyLoad(position);
 
-  let Wrapper = GridItemLargeNoMargin;
+  let Wrapper = GridItemLarge;
 
   if (height === width) {
     Wrapper = GridItemMedium;
diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index 7a99c057cef..99649684657 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -1,4 +1,4 @@
-import { node, number } from 'prop-types';
+import { node, number, bool } from 'prop-types';
 import React from 'react';
 import styled from 'styled-components';
 import {
@@ -117,7 +117,7 @@ GridItemSmall.propTypes = {
   children: node.isRequired,
 };
 
-export const GridItemLargeNoMargin = ({ children }) => {
+export const GridItemLarge = ({ children, enableMargins }) => {
   const columns = {
     group0: 6,
     group1: 6,
@@ -127,15 +127,40 @@ export const GridItemLargeNoMargin = ({ children }) => {
     group5: 12,
   };
 
+  const noMargins = {
+    group0: false,
+    group1: false,
+    group2: false,
+    group3: false,
+    group4: false,
+    group5: false,
+  };
+
+  const gridMargins = {
+    group0: true,
+    group1: true,
+    group2: true,
+    group3: true,
+    group4: false,
+    group5: false,
+  };
+
+  const margins = enableMargins ? gridMargins : noMargins;
+
   return (
-    <Grid item columns={columns}>
+    <Grid item columns={columns} margins={margins}>
       {children}
     </Grid>
   );
 };
 
-GridItemLargeNoMargin.propTypes = {
+GridItemLarge.propTypes = {
   children: node.isRequired,
+  enableMargins: bool,
+};
+
+GridItemLarge.defaultProps = {
+  enableMargins: false,
 };
 
 export const GridItemMedium = ({ children }) => {
diff --git a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
index 378c2e649cc..4f7b2bbe435 100644
--- a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
@@ -15,7 +15,7 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
       dir="ltr"
     >
       <div
-        class="GridComponent-nf79gm-0 dHalIG"
+        class="GridComponent-nf79gm-0 jkNDkL"
         dir="ltr"
       >
         <h1
@@ -509,7 +509,7 @@ exports[`should render a news article correctly 1`] = `
       dir="ltr"
     >
       <div
-        class="GridComponent-nf79gm-0 dHalIG"
+        class="GridComponent-nf79gm-0 jkNDkL"
         dir="ltr"
       >
         <h1
@@ -550,7 +550,7 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
       dir="ltr"
     >
       <div
-        class="GridComponent-nf79gm-0 dHalIG"
+        class="GridComponent-nf79gm-0 jkNDkL"
         dir="ltr"
       >
         <h1
diff --git a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
index 201d6428b3b..7a1b87dec32 100644
--- a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
@@ -2,12 +2,12 @@
 
 exports[`Photo Gallery Page should not show the pop-out timestamp when allowDateStamp is false 1`] = `
 <DocumentFragment>
-  .c7 {
+  .c8 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c14 {
+.c15 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -28,7 +28,7 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   outline: none;
 }
 
-.c4 {
+.c5 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -39,13 +39,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   margin: 0;
 }
 
-.c6 {
+.c7 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c12 {
+.c13 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -57,7 +57,7 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   margin: 0;
 }
 
-.c11 {
+.c12 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -68,20 +68,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   width: 100%;
 }
 
-.c11 > p {
+.c12 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c11 > p:last-child {
+.c12 > p:last-child {
   padding-bottom: 0;
 }
 
-.c11 i {
+.c12 i {
   font-style: normal;
 }
 
-.c9 {
+.c10 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -94,7 +94,7 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c16 {
+.c17 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -107,7 +107,7 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c18 {
+.c19 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -165,189 +165,219 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c4 {
+    display: block;
+  }
+}
+
 @supports (display:grid) {
-  .c5 {
+  .c6 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c13 {
+  .c14 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c13 {
+  .c14 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c13 {
+  .c14 {
     padding: 0 1rem;
   }
 }
 
 @supports (display:grid) {
-  .c13 {
+  .c14 {
     display: block;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 4;
     margin-left: 1em;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c8 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c8 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c8 {
+  .c9 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c8 {
+  .c9 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c7 {
+  .c8 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c7 {
+  .c8 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (max-width:25rem) {
-  .c14 {
+  .c15 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c14 {
+  .c15 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c14 {
+  .c15 {
     grid-template-columns: repeat(5,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c14 {
+  .c15 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c14 {
+  .c15 {
     grid-template-columns: repeat(8,1fr);
   }
 }
 
 @supports (display:grid) {
-  .c14 {
+  .c15 {
     max-width: initial;
   }
 }
@@ -373,41 +403,41 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c4 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c4 {
+  .c5 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c11 {
+  .c12 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c11 {
+  .c12 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c11 {
+  .c12 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c11 {
+  .c12 {
     padding: 0.5rem 0 0;
   }
 }
@@ -462,30 +492,30 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </h1>
                 </div>
                 <div
-                  class="c2"
+                  class="c4"
                   dir="ltr"
                 >
                   <p
-                    class="c4"
+                    class="c5"
                   >
                     Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
                   </p>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -494,13 +524,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -513,20 +543,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -535,13 +565,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -554,20 +584,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c13"
+                  class="c14"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c14"
+                      class="c15"
                     >
                       <div
-                        class="c15"
+                        class="c16"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -576,13 +606,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c17"
+                        class="c18"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -595,20 +625,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -617,13 +647,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -636,20 +666,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -658,13 +688,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -677,20 +707,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -699,13 +729,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -718,20 +748,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -740,13 +770,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -759,20 +789,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -781,13 +811,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -800,20 +830,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -822,13 +852,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -841,20 +871,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -863,13 +893,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -882,20 +912,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -904,13 +934,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -923,20 +953,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -945,13 +975,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -964,20 +994,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -986,13 +1016,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -1005,20 +1035,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -1027,13 +1057,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -1046,20 +1076,20 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                   </figure>
                 </div>
                 <div
-                  class="c5"
+                  class="c6"
                   dir="ltr"
                 >
                   <figure
-                    class="c6"
+                    class="c7"
                   >
                     <div
-                      class="c7"
+                      class="c8"
                     >
                       <div
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
                             class="lazyload-placeholder"
@@ -1068,13 +1098,13 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
                         </div>
                       </div>
                       <div
-                        class="c10"
+                        class="c11"
                       >
                         <figcaption
-                          class="c11"
+                          class="c12"
                         >
                           <span
-                            class="c12"
+                            class="c13"
                           >
                             Ibsa waa'ee suuraa, 
                           </span>
@@ -1326,12 +1356,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
     </script>
   </head>
   <body>
-    .c8 {
+    .c9 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c15 {
+.c16 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -1352,7 +1382,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   outline: none;
 }
 
-.c5 {
+.c6 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -1363,13 +1393,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   margin: 0;
 }
 
-.c7 {
+.c8 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c13 {
+.c14 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -1381,7 +1411,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   margin: 0;
 }
 
-.c12 {
+.c13 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -1392,20 +1422,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   width: 100%;
 }
 
-.c12 > p {
+.c13 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c12 > p:last-child {
+.c13 > p:last-child {
   padding-bottom: 0;
 }
 
-.c12 i {
+.c13 i {
   font-style: normal;
 }
 
-.c10 {
+.c11 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1418,7 +1448,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c17 {
+.c18 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1431,7 +1461,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c19 {
+.c20 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1444,7 +1474,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c4 {
+.c5 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -1455,7 +1485,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   padding-bottom: 0.25rem;
 }
 
-.c4:last-child {
+.c5:last-child {
   padding-bottom: 1rem;
 }
 
@@ -1504,189 +1534,219 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   }
 }
 
-@supports (display:grid) {
-  .c6 {
-    display: block;
-  }
-}
-
 @media (max-width:14.9375rem) {
-  .c14 {
+  .c4 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c14 {
+  .c4 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c14 {
+  .c4 {
     padding: 0 1rem;
   }
 }
 
-@supports (display:grid) {
-  .c14 {
-    display: block;
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c4 {
+    padding: 0 1rem;
   }
 }
 
-@media (max-width:24.9375rem) {
-  .c16 {
-    grid-column: 1 / span 6;
+@supports (display:grid) {
+  .c4 {
+    display: block;
   }
 }
 
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c16 {
-    grid-column: 1 / span 4;
+@supports (display:grid) {
+  .c7 {
+    display: block;
   }
 }
 
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c16 {
-    grid-column: 1 / span 4;
-    margin-left: 1em;
+@media (max-width:14.9375rem) {
+  .c15 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c15 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c15 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c15 {
+    display: block;
+  }
+}
+
+@media (max-width:24.9375rem) {
+  .c17 {
+    grid-column: 1 / span 6;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c17 {
+    grid-column: 1 / span 4;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c17 {
+    grid-column: 1 / span 4;
+    margin-left: 1em;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c16 {
+  .c17 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c16 {
+  .c17 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c8 {
+  .c9 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c8 {
+  .c9 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (max-width:25rem) {
-  .c15 {
+  .c16 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c15 {
+  .c16 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c15 {
+  .c16 {
     grid-template-columns: repeat(5,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c15 {
+  .c16 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c15 {
+  .c16 {
     grid-template-columns: repeat(8,1fr);
   }
 }
 
 @supports (display:grid) {
-  .c15 {
+  .c16 {
     max-width: initial;
   }
 }
@@ -1712,54 +1772,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c6 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c6 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c12 {
+  .c13 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c12 {
+  .c13 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c12 {
+  .c13 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c12 {
+  .c13 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c4 {
+  .c5 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c4 {
+  .c5 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
@@ -1816,41 +1876,41 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </h1>
                     </div>
                     <div
-                      class="c2"
+                      class="c4"
                       dir="ltr"
                     >
                       <time
-                        class="c4"
+                        class="c5"
                         datetime="2017-09-21"
                       >
                         21 Fuulbaana 2017
                       </time>
                     </div>
                     <div
-                      class="c2"
+                      class="c4"
                       dir="ltr"
                     >
                       <p
-                        class="c5"
+                        class="c6"
                       >
                         Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
                       </p>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -1859,13 +1919,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -1878,20 +1938,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -1900,13 +1960,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -1919,20 +1979,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c14"
+                      class="c15"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c15"
+                          class="c16"
                         >
                           <div
-                            class="c16"
+                            class="c17"
                           >
                             <div
-                              class="c17"
+                              class="c18"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -1941,13 +2001,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -1960,20 +2020,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c19"
+                              class="c20"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -1982,13 +2042,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2001,20 +2061,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2023,13 +2083,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2042,20 +2102,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c19"
+                              class="c20"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2064,13 +2124,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2083,20 +2143,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2105,13 +2165,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2124,20 +2184,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2146,13 +2206,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2165,20 +2225,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2187,13 +2247,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2206,20 +2266,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2228,13 +2288,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2247,20 +2307,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2269,13 +2329,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2288,20 +2348,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2310,13 +2370,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2329,20 +2389,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2351,13 +2411,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2370,20 +2430,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2392,13 +2452,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2411,20 +2471,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2433,13 +2493,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2697,7 +2757,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
     </script>
   </head>
   <body>
-    .c38 {
+    .c39 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2706,7 +2766,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   height: 0.8125rem;
 }
 
-.c20 {
+.c21 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2716,7 +2776,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   flex-direction: column;
 }
 
-.c21 {
+.c22 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2735,7 +2795,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   align-items: baseline;
 }
 
-.c22 {
+.c23 {
   font-size: 1.125rem;
   line-height: 1.375rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2755,28 +2815,28 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   align-items: center;
 }
 
-.c18 {
+.c19 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c16 {
+.c17 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c19 {
+.c20 {
   margin: 0;
   padding: 0;
 }
 
-.c14 {
+.c15 {
   margin: 0 auto;
   padding-bottom: 2rem;
 }
 
-.c8 {
+.c9 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -2797,7 +2857,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   outline: none;
 }
 
-.c5 {
+.c6 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2808,13 +2868,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   margin: 0;
 }
 
-.c7 {
+.c8 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c13 {
+.c14 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -2826,7 +2886,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   margin: 0;
 }
 
-.c12 {
+.c13 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2837,20 +2897,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   width: 100%;
 }
 
-.c12 > p {
+.c13 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c12 > p:last-child {
+.c13 > p:last-child {
   padding-bottom: 0;
 }
 
-.c12 i {
+.c13 i {
   font-style: normal;
 }
 
-.c10 {
+.c11 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -2863,7 +2923,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c4 {
+.c5 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -2874,11 +2934,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 0.25rem;
 }
 
-.c4:last-child {
+.c5:last-child {
   padding-bottom: 1rem;
 }
 
-.c35 {
+.c36 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -2888,53 +2948,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   font-style: normal;
 }
 
-.c25 {
+.c26 {
   padding: 0.5rem 0 1rem;
 }
 
-.c25:first-child {
+.c26:first-child {
   padding-top: 0;
 }
 
-.c25:last-child {
+.c26:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c23 {
+.c24 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c28 {
+.c29 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c31 {
+.c32 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c27 {
+.c28 {
   position: relative;
 }
 
-.c29 {
+.c30 {
   position: relative;
 }
 
-.c30 > * {
+.c31 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c32 {
+.c33 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -2945,7 +3005,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   line-height: 1.25rem;
 }
 
-.c34 {
+.c35 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2956,7 +3016,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 0.5rem;
 }
 
-.c33 {
+.c34 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -2964,7 +3024,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   overflow-wrap: break-word;
 }
 
-.c33:before {
+.c34:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -2976,17 +3036,17 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   z-index: 1;
 }
 
-.c33:hover,
-.c33:focus {
+.c34:hover,
+.c34:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c33:visited {
+.c34:visited {
   color: #6E6E73;
 }
 
-.c36 {
+.c37 {
   color: #222222;
   background-color: #FFFFFF;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2997,7 +3057,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   display: block;
 }
 
-.c37 {
+.c38 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3009,11 +3069,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   height: 100%;
 }
 
-.c15 {
+.c16 {
   margin-bottom: 1rem;
 }
 
-.c17 {
+.c18 {
   margin-top: 0;
 }
 
@@ -3026,7 +3086,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) {
-  .c21 {
+  .c22 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -3035,39 +3095,39 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c22 {
+  .c23 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c22 {
+  .c23 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c22 {
+  .c23 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c22 {
+  .c23 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c18 {
+  .c19 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c18 {
+  .c19 {
     position: absolute;
     left: 0;
     right: 0;
@@ -3076,13 +3136,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) {
-  .c16 {
+  .c17 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c16 {
+  .c17 {
     margin-bottom: 1.5rem;
   }
 }
@@ -3124,21 +3184,51 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c4 {
+    display: block;
+  }
+}
+
 @supports (display:grid) {
-  .c6 {
+  .c7 {
     display: block;
   }
 }
 
 @supports (display:grid) {
-  .c24 {
+  .c25 {
     display: grid;
     position: initial;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c26 {
+  .c27 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3147,7 +3237,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c26 {
+  .c27 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3156,7 +3246,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c26 {
+  .c27 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3165,7 +3255,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c26 {
+  .c27 {
     width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3174,7 +3264,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c26 {
+  .c27 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3183,7 +3273,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:80rem) {
-  .c26 {
+  .c27 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3192,45 +3282,45 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (display:grid) {
-  .c26 {
+  .c27 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c14 {
+  .c15 {
     grid-column-gap: 0.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c14 {
+  .c15 {
     grid-column-gap: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c14 {
+  .c15 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c14 {
+  .c15 {
     grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
     max-width: 45.5rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c14 {
+  .c15 {
     grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
     max-width: 46.4rem;
   }
 }
 
 @supports (display:grid) {
-  .c14 {
+  .c15 {
     display: grid;
     max-width: initial;
     margin: initial;
@@ -3238,61 +3328,61 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (max-width:37.4375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c8 {
+  .c9 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c8 {
+  .c9 {
     grid-template-columns: repeat(12,1fr);
   }
 }
@@ -3318,119 +3408,119 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c6 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c6 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c12 {
+  .c13 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c12 {
+  .c13 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c12 {
+  .c13 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c12 {
+  .c13 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c4 {
+  .c5 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c4 {
+  .c5 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c35 {
+  .c36 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c35 {
+  .c36 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c25 {
+  .c26 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c25 {
+  .c26 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c25 {
+  .c26 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c25:first-child {
+  .c26:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c28 {
+  .c29 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c28 {
+  .c29 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c31 {
+  .c32 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c31 {
+  .c32 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -3438,7 +3528,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c31 {
+  .c32 {
     display: block;
     width: initial;
     padding: initial;
@@ -3447,7 +3537,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c27 {
+  .c28 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -3455,107 +3545,107 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) {
-  .c30 {
+  .c31 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c30 > * {
+  .c31 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c32 {
+  .c33 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c32 {
+  .c33 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c34 {
+  .c35 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c34 {
+  .c35 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c34 {
+  .c35 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c34 {
+  .c35 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c36 {
+  .c37 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c36 {
+  .c37 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:63rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c15 {
+  .c16 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c15 {
+  .c16 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c15 {
+  .c16 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c15 {
+  .c16 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c15 {
+  .c16 {
     margin-bottom: 1.5rem;
   }
 }
@@ -3611,41 +3701,41 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </h1>
                     </div>
                     <div
-                      class="c2"
+                      class="c4"
                       dir="ltr"
                     >
                       <time
-                        class="c4"
+                        class="c5"
                         datetime="2019-08-03"
                       >
                         3 August 2019
                       </time>
                     </div>
                     <div
-                      class="c2"
+                      class="c4"
                       dir="ltr"
                     >
                       <p
-                        class="c5"
+                        class="c6"
                       >
                         Bole Festival wey dey celebrate one popular street food, special dish of roasted plantain and fish with pepper sauce, don start for Port Harcourt Rivers state
                       </p>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -3654,13 +3744,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -3673,20 +3763,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -3695,13 +3785,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -3714,20 +3804,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -3736,13 +3826,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -3755,20 +3845,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -3777,13 +3867,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -3796,20 +3886,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -3818,13 +3908,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -3837,20 +3927,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -3859,13 +3949,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -3878,20 +3968,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -3900,13 +3990,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -3919,20 +4009,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -3941,13 +4031,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -3960,20 +4050,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -3982,13 +4072,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4001,20 +4091,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4023,13 +4113,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4042,20 +4132,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4064,13 +4154,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <figcaption
-                              class="c12"
+                              class="c13"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4086,29 +4176,29 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                 </main>
                 <section
                   aria-labelledby="related-content-heading"
-                  class="c14"
+                  class="c15"
                   role="region"
                 >
                   <div
-                    class="c15"
+                    class="c16"
                   >
                     <div
-                      class="c16 c17"
+                      class="c17 c18"
                     >
                       <div
-                        class="c18"
+                        class="c19"
                       />
                       <h2
-                        class="c19"
+                        class="c20"
                       >
                         <span
-                          class="c20"
+                          class="c21"
                         >
                           <span
-                            class="c21"
+                            class="c22"
                           >
                             <span
-                              class="c22"
+                              class="c23"
                               dir="ltr"
                               id="related-content-heading"
                             >
@@ -4119,53 +4209,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </h2>
                     </div>
                     <ul
-                      class="c23 c24"
+                      class="c24 c25"
                       dir="ltr"
                       role="list"
                     >
                       <li
-                        class="c25 c26"
+                        class="c26 c27"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c27"
+                          class="c28"
                         >
                           <div
-                            class="c28"
+                            class="c29"
                             dir="ltr"
                           >
                             <div
-                              class="c29"
+                              class="c30"
                             >
                               <div
-                                class="c10"
+                                class="c11"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c30"
+                                class="c31"
                               />
                             </div>
                           </div>
                           <div
-                            class="c31"
+                            class="c32"
                             dir="ltr"
                           >
                             <h3
-                              class="c32"
+                              class="c33"
                             >
                               <a
-                                class="c33"
+                                class="c34"
                                 href="/pidgin/media-45132087"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c13"
+                                    class="c14"
                                   >
                                     , 
                                   </span>
@@ -4176,12 +4266,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                               </a>
                             </h3>
                             <p
-                              class="c34"
+                              class="c35"
                             >
                               Bole festival showcase di different types of bole dem.
                             </p>
                             <time
-                              class="c35"
+                              class="c36"
                               datetime="2018-08-09"
                             >
                               9th August 2018
@@ -4190,37 +4280,37 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                         </div>
                       </li>
                       <li
-                        class="c25 c26"
+                        class="c26 c27"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c27"
+                          class="c28"
                         >
                           <div
-                            class="c28"
+                            class="c29"
                             dir="ltr"
                           >
                             <div
-                              class="c29"
+                              class="c30"
                             >
                               <div
-                                class="c10"
+                                class="c11"
                               />
                               <div
-                                class="c30"
+                                class="c31"
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="c36"
+                                  class="c37"
                                   dir="ltr"
                                 >
                                   <div
-                                    class="c37"
+                                    class="c38"
                                   >
                                     <svg
                                       aria-hidden="true"
-                                      class="c38"
+                                      class="c39"
                                       focusable="false"
                                       height="13px"
                                       viewBox="0 0 32 26"
@@ -4241,21 +4331,21 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c31"
+                            class="c32"
                             dir="ltr"
                           >
                             <h3
-                              class="c32"
+                              class="c33"
                             >
                               <a
-                                class="c33"
+                                class="c34"
                                 href="/pidgin/tori-45242255"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c13"
+                                    class="c14"
                                   >
                                     Image gallery
                                     , 
@@ -4267,12 +4357,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                               </a>
                             </h3>
                             <p
-                              class="c34"
+                              class="c35"
                             >
                               Jollof Festival happun for Lagos Nigeria on Sunday and na time for pipo wey show to sample West Africa fine food dem.
                             </p>
                             <time
-                              class="c35"
+                              class="c36"
                               datetime="2018-08-19"
                             >
                               19th August 2018
@@ -4294,7 +4384,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 `;
 
 exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onward journeys 1`] = `
-.c8 {
+.c9 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -4315,7 +4405,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   outline: none;
 }
 
-.c5 {
+.c6 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -4326,13 +4416,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   margin: 0;
 }
 
-.c7 {
+.c8 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c12 {
+.c13 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -4344,7 +4434,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   margin: 0;
 }
 
-.c11 {
+.c12 {
   font-size: 0.75rem;
   line-height: 1rem;
   background-color: rgba(34,34,34,0.75);
@@ -4358,7 +4448,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   left: 0;
 }
 
-.c14 {
+.c15 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -4369,20 +4459,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   width: 100%;
 }
 
-.c14 > p {
+.c15 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c14 > p:last-child {
+.c15 > p:last-child {
   padding-bottom: 0;
 }
 
-.c14 i {
+.c15 i {
   font-style: normal;
 }
 
-.c10 {
+.c11 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -4395,7 +4485,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c4 {
+.c5 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -4406,7 +4496,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   padding-bottom: 0.25rem;
 }
 
-.c4:last-child {
+.c5:last-child {
   padding-bottom: 1rem;
 }
 
@@ -4455,68 +4545,98 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c4 {
+    display: block;
+  }
+}
+
 @supports (display:grid) {
-  .c6 {
+  .c7 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c8 {
+  .c9 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c8 {
+  .c9 {
     grid-template-columns: repeat(12,1fr);
   }
 }
@@ -4542,54 +4662,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c6 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c6 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c14 {
+  .c15 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c14 {
+  .c15 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c14 {
+  .c15 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c14 {
+  .c15 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c4 {
+  .c5 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c4 {
+  .c5 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
@@ -4867,52 +4987,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </h1>
                     </div>
                     <div
-                      class="c2"
+                      class="c4"
                       dir="ltr"
                     >
                       <time
-                        class="c4"
+                        class="c5"
                         datetime="2019-10-23"
                       >
                         23 October 2019
                       </time>
                     </div>
                     <div
-                      class="c2"
+                      class="c4"
                       dir="ltr"
                     >
                       <p
-                        class="c5"
+                        class="c6"
                       >
                         This is a test asset used in Simorgh, please do not edit it without asking.
                       </p>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -4925,13 +5045,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4944,31 +5064,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -4981,13 +5101,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5000,31 +5120,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5037,13 +5157,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5056,31 +5176,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5093,13 +5213,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5112,31 +5232,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5149,13 +5269,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5168,31 +5288,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5205,13 +5325,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5224,31 +5344,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5261,13 +5381,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5549,7 +5669,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
     </script>
   </head>
   <body>
-    .c39 {
+    .c40 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -5559,7 +5679,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   flex-direction: column;
 }
 
-.c40 {
+.c41 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -5578,7 +5698,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   align-items: baseline;
 }
 
-.c41 {
+.c42 {
   font-size: 1.125rem;
   line-height: 1.5rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -5598,33 +5718,33 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   align-items: center;
 }
 
-.c37 {
+.c38 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c35 {
+.c36 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c38 {
+.c39 {
   margin: 0;
   padding: 0;
 }
 
-.c33 {
+.c34 {
   margin: 0 auto;
   padding-bottom: 2rem;
 }
 
-.c8 {
+.c9 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c16 {
+.c17 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -5645,7 +5765,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   outline: none;
 }
 
-.c5 {
+.c6 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -5656,13 +5776,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   margin: 0;
 }
 
-.c7 {
+.c8 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c12 {
+.c13 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -5674,7 +5794,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   margin: 0;
 }
 
-.c11 {
+.c12 {
   font-size: 0.75rem;
   line-height: 1rem;
   background-color: rgba(34,34,34,0.75);
@@ -5688,7 +5808,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   left: 0;
 }
 
-.c14 {
+.c15 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -5699,20 +5819,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   width: 100%;
 }
 
-.c14 > p {
+.c15 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c14 > p:last-child {
+.c15 > p:last-child {
   padding-bottom: 0;
 }
 
-.c14 i {
+.c15 i {
   font-style: normal;
 }
 
-.c49 {
+.c50 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5725,7 +5845,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c10 {
+.c11 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5738,7 +5858,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c18 {
+.c19 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5751,7 +5871,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c20 {
+.c21 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5764,7 +5884,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c21 {
+.c22 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5777,7 +5897,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c22 {
+.c23 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5790,7 +5910,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c23 {
+.c24 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5803,7 +5923,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c24 {
+.c25 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5816,7 +5936,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c25 {
+.c26 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5829,7 +5949,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c26 {
+.c27 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5842,7 +5962,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c27 {
+.c28 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5855,7 +5975,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c28 {
+.c29 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5868,7 +5988,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c29 {
+.c30 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5881,7 +6001,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c30 {
+.c31 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5894,7 +6014,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c31 {
+.c32 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5907,7 +6027,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c32 {
+.c33 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5920,7 +6040,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c4 {
+.c5 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -5931,11 +6051,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 0.25rem;
 }
 
-.c4:last-child {
+.c5:last-child {
   padding-bottom: 1rem;
 }
 
-.c55 {
+.c56 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -5945,53 +6065,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   font-style: normal;
 }
 
-.c44 {
+.c45 {
   padding: 0.5rem 0 1rem;
 }
 
-.c44:first-child {
+.c45:first-child {
   padding-top: 0;
 }
 
-.c44:last-child {
+.c45:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c42 {
+.c43 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c47 {
+.c48 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c51 {
+.c52 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c46 {
+.c47 {
   position: relative;
 }
 
-.c48 {
+.c49 {
   position: relative;
 }
 
-.c50 > * {
+.c51 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c52 {
+.c53 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -6002,7 +6122,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   line-height: 1.25rem;
 }
 
-.c54 {
+.c55 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6013,7 +6133,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 0.5rem;
 }
 
-.c53 {
+.c54 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -6021,7 +6141,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   overflow-wrap: break-word;
 }
 
-.c53:before {
+.c54:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -6033,21 +6153,21 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   z-index: 1;
 }
 
-.c53:hover,
-.c53:focus {
+.c54:hover,
+.c54:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c53:visited {
+.c54:visited {
   color: #6E6E73;
 }
 
-.c34 {
+.c35 {
   margin-bottom: 1rem;
 }
 
-.c36 {
+.c37 {
   margin-top: 0;
 }
 
@@ -6060,7 +6180,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) {
-  .c40 {
+  .c41 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -6069,39 +6189,39 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c41 {
+  .c42 {
     font-size: 1.25rem;
     line-height: 1.625rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c41 {
+  .c42 {
     font-size: 1.5rem;
     line-height: 2rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c41 {
+  .c42 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c41 {
+  .c42 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c37 {
+  .c38 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c37 {
+  .c38 {
     position: absolute;
     left: 0;
     right: 0;
@@ -6110,13 +6230,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) {
-  .c35 {
+  .c36 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c35 {
+  .c36 {
     margin-bottom: 1.5rem;
   }
 }
@@ -6158,45 +6278,75 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c4 {
+    display: block;
+  }
+}
+
 @supports (display:grid) {
-  .c6 {
+  .c7 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c15 {
+  .c16 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c15 {
+  .c16 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c15 {
+  .c16 {
     padding: 0 1rem;
   }
 }
 
 @supports (display:grid) {
-  .c15 {
+  .c16 {
     display: block;
   }
 }
 
 @supports (display:grid) {
-  .c43 {
+  .c44 {
     display: grid;
     position: initial;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c45 {
+  .c46 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -6205,7 +6355,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c45 {
+  .c46 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -6214,7 +6364,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c45 {
+  .c46 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -6223,7 +6373,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c45 {
+  .c46 {
     width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -6232,7 +6382,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c45 {
+  .c46 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -6241,7 +6391,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:80rem) {
-  .c45 {
+  .c46 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -6250,45 +6400,45 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (display:grid) {
-  .c45 {
+  .c46 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c33 {
+  .c34 {
     grid-column-gap: 0.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c33 {
+  .c34 {
     grid-column-gap: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c33 {
+  .c34 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c33 {
+  .c34 {
     grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
     max-width: 45.5rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c33 {
+  .c34 {
     grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
     max-width: 46.4rem;
   }
 }
 
 @supports (display:grid) {
-  .c33 {
+  .c34 {
     display: grid;
     max-width: initial;
     margin: initial;
@@ -6296,158 +6446,158 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (max-width:24.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 4;
     margin-left: 1em;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c10 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c8 {
+  .c9 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c8 {
+  .c9 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (max-width:25rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(5,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(8,1fr);
   }
 }
 
 @supports (display:grid) {
-  .c16 {
+  .c17 {
     max-width: initial;
   }
 }
@@ -6473,119 +6623,119 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c6 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c6 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c14 {
+  .c15 {
     font-size: 0.9375rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c14 {
+  .c15 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c14 {
+  .c15 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c14 {
+  .c15 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c4 {
+  .c5 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c4 {
+  .c5 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c55 {
+  .c56 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c55 {
+  .c56 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c44 {
+  .c45 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c44 {
+  .c45 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c44 {
+  .c45 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c44:first-child {
+  .c45:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c47 {
+  .c48 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c47 {
+  .c48 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c51 {
+  .c52 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c51 {
+  .c52 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -6593,7 +6743,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c51 {
+  .c52 {
     display: block;
     width: initial;
     padding: initial;
@@ -6602,7 +6752,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c46 {
+  .c47 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -6610,93 +6760,93 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) {
-  .c50 {
+  .c51 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c50 > * {
+  .c51 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c52 {
+  .c53 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c52 {
+  .c53 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c54 {
+  .c55 {
     font-size: 0.9375rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c54 {
+  .c55 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c54 {
+  .c55 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c54 {
+  .c55 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (max-width:63rem) {
-  .c34 {
+  .c35 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c34 {
+  .c35 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c34 {
+  .c35 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c34 {
+  .c35 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c34 {
+  .c35 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c34 {
+  .c35 {
     margin-bottom: 1.5rem;
   }
 }
@@ -6752,52 +6902,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </h1>
                     </div>
                     <div
-                      class="c2"
+                      class="c4"
                       dir="ltr"
                     >
                       <time
-                        class="c4"
+                        class="c5"
                         datetime="2018-05-27"
                       >
                         27 May 2018
                       </time>
                     </div>
                     <div
-                      class="c2"
+                      class="c4"
                       dir="ltr"
                     >
                       <p
-                        class="c5"
+                        class="c6"
                       >
                         Bu il mayın 28-də Azərbaycan Xalq Cümhuriyyətinin elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca həmin dövrün siyasi xadimlərinin və hadisələrin arxiv fotolarını təqdim edir.
                       </p>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -6810,13 +6960,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -6829,31 +6979,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c18"
+                              class="c19"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -6866,13 +7016,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -6885,31 +7035,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c20"
+                              class="c21"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -6922,13 +7072,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -6941,31 +7091,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c21"
+                              class="c22"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -6978,13 +7128,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -6997,31 +7147,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c22"
+                              class="c23"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7034,13 +7184,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7053,31 +7203,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c20"
+                              class="c21"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7090,13 +7240,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7109,31 +7259,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c23"
+                              class="c24"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7146,13 +7296,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7165,31 +7315,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c24"
+                              class="c25"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7202,13 +7352,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7221,31 +7371,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c25"
+                              class="c26"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7258,13 +7408,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7277,31 +7427,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c26"
+                              class="c27"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7314,13 +7464,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7333,31 +7483,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c27"
+                              class="c28"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7370,13 +7520,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7389,31 +7539,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c28"
+                              class="c29"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7426,13 +7576,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7445,31 +7595,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c29"
+                              class="c30"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7482,13 +7632,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7501,31 +7651,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c30"
+                              class="c31"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7538,13 +7688,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7557,31 +7707,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c31"
+                              class="c32"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7594,13 +7744,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7613,31 +7763,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c10"
+                              class="c11"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7650,13 +7800,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7669,31 +7819,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c8"
+                          class="c9"
                         >
                           <div
-                            class="c9"
+                            class="c10"
                           >
                             <div
-                              class="c32"
+                              class="c33"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7706,13 +7856,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7725,31 +7875,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c20"
+                              class="c21"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7762,13 +7912,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7781,31 +7931,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c7"
+                        class="c8"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c20"
+                              class="c21"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c11"
+                                class="c12"
                                 role="text"
                               >
                                 <span
-                                  class="c12"
+                                  class="c13"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7818,13 +7968,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c12"
+                                class="c13"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7840,29 +7990,29 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                 </main>
                 <section
                   aria-labelledby="related-content-heading"
-                  class="c33"
+                  class="c34"
                   role="region"
                 >
                   <div
-                    class="c34"
+                    class="c35"
                   >
                     <div
-                      class="c35 c36"
+                      class="c36 c37"
                     >
                       <div
-                        class="c37"
+                        class="c38"
                       />
                       <h2
-                        class="c38"
+                        class="c39"
                       >
                         <span
-                          class="c39"
+                          class="c40"
                         >
                           <span
-                            class="c40"
+                            class="c41"
                           >
                             <span
-                              class="c41"
+                              class="c42"
                               dir="ltr"
                               id="related-content-heading"
                             >
@@ -7873,58 +8023,58 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </h2>
                     </div>
                     <ul
-                      class="c42 c43"
+                      class="c43 c44"
                       dir="ltr"
                       role="list"
                     >
                       <li
-                        class="c44 c45"
+                        class="c45 c46"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c46"
+                          class="c47"
                         >
                           <div
-                            class="c47"
+                            class="c48"
                             dir="ltr"
                           >
                             <div
-                              class="c48"
+                              class="c49"
                             >
                               <div
-                                class="c49"
+                                class="c50"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c50"
+                                class="c51"
                               />
                             </div>
                           </div>
                           <div
-                            class="c51"
+                            class="c52"
                             dir="ltr"
                           >
                             <h3
-                              class="c52"
+                              class="c53"
                             >
                               <a
-                                class="c53"
+                                class="c54"
                                 href="/azeri/azerbaijan-44124647"
                               >
                                 ADR və Qazaxdan Qarsadək müsəlman dəhlizi ideyası
                               </a>
                             </h3>
                             <p
-                              class="c54"
+                              class="c55"
                             >
                               Bu il Azərbaycan Demokratik Respublikasının elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca bu ərəfədə Azərbaycan xalqının epik və mühüm günlərini həftəlik esselərlə təqdim edir.
                             </p>
                             <time
-                              class="c55"
+                              class="c56"
                               datetime="2018-05-17"
                             >
                               17 May 2018
@@ -7933,53 +8083,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c44 c45"
+                        class="c45 c46"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c46"
+                          class="c47"
                         >
                           <div
-                            class="c47"
+                            class="c48"
                             dir="ltr"
                           >
                             <div
-                              class="c48"
+                              class="c49"
                             >
                               <div
-                                class="c49"
+                                class="c50"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c50"
+                                class="c51"
                               />
                             </div>
                           </div>
                           <div
-                            class="c51"
+                            class="c52"
                             dir="ltr"
                           >
                             <h3
-                              class="c52"
+                              class="c53"
                             >
                               <a
-                                class="c53"
+                                class="c54"
                                 href="/azeri/azerbaijan-43540056"
                               >
                                 ADR-100: Türk Əsgəri üçün Cəbrayıl çörəyi
                               </a>
                             </h3>
                             <p
-                              class="c54"
+                              class="c55"
                             >
                               ADR-100 layihəmizdə növbəti yazı: 1918-ci il martın 3-də Bolşeviklər Almaniya, Bolqarıstan, Avstriya-Macarıstan və Osmanlı nümayəndələri ilə Brest-Litovsk Sülh Sazişi imzalayır. İmzalanma Bakının azadlığı ilə nəticələnən bir sıra hadisələrə səbəb olur.
                             </p>
                             <time
-                              class="c55"
+                              class="c56"
                               datetime="2018-03-27"
                             >
                               27 Mart 2018
@@ -7988,53 +8138,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c44 c45"
+                        class="c45 c46"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c46"
+                          class="c47"
                         >
                           <div
-                            class="c47"
+                            class="c48"
                             dir="ltr"
                           >
                             <div
-                              class="c48"
+                              class="c49"
                             >
                               <div
-                                class="c49"
+                                class="c50"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c50"
+                                class="c51"
                               />
                             </div>
                           </div>
                           <div
-                            class="c51"
+                            class="c52"
                             dir="ltr"
                           >
                             <h3
-                              class="c52"
+                              class="c53"
                             >
                               <a
-                                class="c53"
+                                class="c54"
                                 href="/azeri/azerbaijan-44022776"
                               >
                                 Borçalı: Tortdan hərəyə bir tikə - təkbaşına isə onu yemək olmaz
                               </a>
                             </h3>
                             <p
-                              class="c54"
+                              class="c55"
                             >
                               #ADR100 layihəmizdə: 1918-1920-ci illərdə Gürcüstanla Azərbaycan arasında əməkdaşlıq yeni respublikalar üçün olduqca mühüm idi. Eyni zamanda Bakı ilə Tbilisi arasında gərginlik yaradan məsələlər mövcud idi. Belə məsələlərdən biri də ərazi mübahisələri idi.
                             </p>
                             <time
-                              class="c55"
+                              class="c56"
                               datetime="2018-05-10"
                             >
                               10 May 2018
@@ -8043,53 +8193,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c44 c45"
+                        class="c45 c46"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c46"
+                          class="c47"
                         >
                           <div
-                            class="c47"
+                            class="c48"
                             dir="ltr"
                           >
                             <div
-                              class="c48"
+                              class="c49"
                             >
                               <div
-                                class="c49"
+                                class="c50"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c50"
+                                class="c51"
                               />
                             </div>
                           </div>
                           <div
-                            class="c51"
+                            class="c52"
                             dir="ltr"
                           >
                             <h3
-                              class="c52"
+                              class="c53"
                             >
                               <a
-                                class="c53"
+                                class="c54"
                                 href="/azeri/azerbaijan-43713137"
                               >
                                 Cümhuriyyət hökuməti Azərbaycanı necə idarə edirdi? İlk 6 ayın hadisələri
                               </a>
                             </h3>
                             <p
-                              class="c54"
+                              class="c55"
                             >
                               1918-ci il mayın 28-də Azərbaycanın istiqlaliyyəti elan olunanda bu hadisədən bir gün əvvəl dağılmış Zaqafqaziya Seyminin 44 nəfər müsəlman nümayəndəsi Tiflisdə toplanır və özlərini Azərbaycanın Milli Şurası elan edirlər.
                             </p>
                             <time
-                              class="c55"
+                              class="c56"
                               datetime="2018-04-10"
                             >
                               10 Aprel 2018
@@ -8098,53 +8248,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c44 c45"
+                        class="c45 c46"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c46"
+                          class="c47"
                         >
                           <div
-                            class="c47"
+                            class="c48"
                             dir="ltr"
                           >
                             <div
-                              class="c48"
+                              class="c49"
                             >
                               <div
-                                class="c49"
+                                class="c50"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c50"
+                                class="c51"
                               />
                             </div>
                           </div>
                           <div
-                            class="c51"
+                            class="c52"
                             dir="ltr"
                           >
                             <h3
-                              class="c52"
+                              class="c53"
                             >
                               <a
-                                class="c53"
+                                class="c54"
                                 href="/azeri/azerbaijan-37688691"
                               >
                                 1918-1991: Bir müstəqilliyin iki bəyanı
                               </a>
                             </h3>
                             <p
-                              class="c54"
+                              class="c55"
                             >
                               25 il əvvəl bu gün Azərbaycan çökməkdə olan Sovet İttifaqından özünün müstəqillyini bəyan edib. Bu, Azərbaycan Respublikasının ikinci doğuluşu idi.
                             </p>
                             <time
-                              class="c55"
+                              class="c56"
                               datetime="2016-10-18"
                             >
                               18 Oktyabr 2016
@@ -8153,48 +8303,48 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c44 c45"
+                        class="c45 c46"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c46"
+                          class="c47"
                         >
                           <div
-                            class="c47"
+                            class="c48"
                             dir="ltr"
                           >
                             <div
-                              class="c48"
+                              class="c49"
                             >
                               <div
-                                class="c49"
+                                class="c50"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c50"
+                                class="c51"
                               />
                             </div>
                           </div>
                           <div
-                            class="c51"
+                            class="c52"
                             dir="ltr"
                           >
                             <h3
-                              class="c52"
+                              class="c53"
                             >
                               <a
-                                class="c53"
+                                class="c54"
                                 href="/azeri/azerbaijan-37691096"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c12"
+                                    class="c13"
                                   >
                                     , 
                                   </span>
@@ -8205,12 +8355,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                               </a>
                             </h3>
                             <p
-                              class="c54"
+                              class="c55"
                             >
                               Çərşənbə axşamı şəhər sakinləri BBC Azərbaycancanın "Müstəqillik sizə nə verib?" sualını cavablandırıb.
                             </p>
                             <time
-                              class="c55"
+                              class="c56"
                               datetime="2016-10-18"
                             >
                               18 Oktyabr 2016
@@ -8219,53 +8369,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c44 c45"
+                        class="c45 c46"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c46"
+                          class="c47"
                         >
                           <div
-                            class="c47"
+                            class="c48"
                             dir="ltr"
                           >
                             <div
-                              class="c48"
+                              class="c49"
                             >
                               <div
-                                class="c49"
+                                class="c50"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c50"
+                                class="c51"
                               />
                             </div>
                           </div>
                           <div
-                            class="c51"
+                            class="c52"
                             dir="ltr"
                           >
                             <h3
-                              class="c52"
+                              class="c53"
                             >
                               <a
-                                class="c53"
+                                class="c54"
                                 href="/azeri/azerbaijan-43499221"
                               >
                                 1918-ci ilə baxış: Mayın 28-nə aparan o yaz günlərində həyat necə idi?
                               </a>
                             </h3>
                             <p
-                              class="c54"
+                              class="c55"
                             >
                               Bu il Azərbaycan Demokratik Respublikasının elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca bu ərəfədə Azərbaycan xalqının epik və mühüm günlərini həftəlik esselərlə təqdim edəcək.
                             </p>
                             <time
-                              class="c55"
+                              class="c56"
                               datetime="2018-03-22"
                             >
                               22 Mart 2018
@@ -8274,53 +8424,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c44 c45"
+                        class="c45 c46"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c46"
+                          class="c47"
                         >
                           <div
-                            class="c47"
+                            class="c48"
                             dir="ltr"
                           >
                             <div
-                              class="c48"
+                              class="c49"
                             >
                               <div
-                                class="c49"
+                                class="c50"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c50"
+                                class="c51"
                               />
                             </div>
                           </div>
                           <div
-                            class="c51"
+                            class="c52"
                             dir="ltr"
                           >
                             <h3
-                              class="c52"
+                              class="c53"
                             >
                               <a
-                                class="c53"
+                                class="c54"
                                 href="/azeri/azerbaijan-44004471"
                               >
                                 #ADR100 Zaqatala: Azərbaycanın qalib gəldiyi mübahisə
                               </a>
                             </h3>
                             <p
-                              class="c54"
+                              class="c55"
                             >
                               Bir çox azərbaycanlı və gürcüstanlı siyasətçiləri anlayırdılar ki, onların içində olduğu həssas dövrdən salamat çıxmaq üçün iqtisadi, siyasi və hərbi müttəfiqlik vacibdir. Eyni zamanda hər iki respublika arasında bir sıra mübahisələr də mövcud idi.
                             </p>
                             <time
-                              class="c55"
+                              class="c56"
                               datetime="2018-05-04"
                             >
                               4 May 2018
@@ -8329,53 +8479,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c44 c45"
+                        class="c45 c46"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c46"
+                          class="c47"
                         >
                           <div
-                            class="c47"
+                            class="c48"
                             dir="ltr"
                           >
                             <div
-                              class="c48"
+                              class="c49"
                             >
                               <div
-                                class="c49"
+                                class="c50"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c50"
+                                class="c51"
                               />
                             </div>
                           </div>
                           <div
-                            class="c51"
+                            class="c52"
                             dir="ltr"
                           >
                             <h3
-                              class="c52"
+                              class="c53"
                             >
                               <a
-                                class="c53"
+                                class="c54"
                                 href="/azeri/azerbaijan-43870815"
                               >
                                 Cümhuriyyət hökumətinin İranla əlaqələri necə idi?
                               </a>
                             </h3>
                             <p
-                              class="c54"
+                              class="c55"
                             >
                               İranın Xəzər sahilinə çıxan bölgələrində Azərbaycan Respublikasını böyük ticari imkanlar gözləyirdi. İran ixracatının 60-70 faizinin istehsalı ənənəvi olaraq məhz həmin regionun payına düşüb. Azərbaycan və xüsusilə Bakı-Batumi dəhlizi isə Avropa bazarına aparan təbii çıxış idi. Bəs milli hökümət iqtisadi imkanları gəlirli xarici ticarətə çevirə bildimi?
                             </p>
                             <time
-                              class="c55"
+                              class="c56"
                               datetime="2018-04-29"
                             >
                               29 Aprel 2018
diff --git a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
index def5929ad76..3980960a3b9 100644
--- a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Story Page should not show the pop-out timestamp when allowDateStamp is false 1`] = `
 <DocumentFragment>
-  .c54 {
+  .c55 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -11,7 +11,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   height: 0.75rem;
 }
 
-.c36 {
+.c37 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -21,7 +21,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   flex-direction: column;
 }
 
-.c37 {
+.c38 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -40,7 +40,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   align-items: baseline;
 }
 
-.c38 {
+.c39 {
   font-size: 1.125rem;
   line-height: 1.375rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -60,23 +60,23 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   align-items: center;
 }
 
-.c34 {
+.c35 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c32 {
+.c33 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c35 {
+.c36 {
   margin: 0;
   padding: 0;
 }
 
-.c30 {
+.c31 {
   font-size: 1.25rem;
   line-height: 1.5rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -87,7 +87,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   padding: 1.5rem 0;
 }
 
-.c23 {
+.c24 {
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: italic;
@@ -120,7 +120,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   outline: none;
 }
 
-.c21 {
+.c22 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -131,20 +131,20 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   margin: 0;
 }
 
-.c22 {
+.c23 {
   color: #222222;
   border-bottom: 1px solid #B80000;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c22:visited {
+.c23:visited {
   color: #6E6E73;
   border-bottom: 1px solid #6E6E73;
 }
 
-.c22:focus,
-.c22:hover {
+.c23:focus,
+.c23:hover {
   border-bottom: 2px solid #B80000;
   color: #B80000;
 }
@@ -228,7 +228,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   transition: visibility 0.2s linear;
 }
 
-.c50 {
+.c51 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -238,32 +238,32 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   font-style: normal;
 }
 
-.c28 {
+.c29 {
   padding-top: 56.25%;
   position: relative;
   overflow: hidden;
 }
 
-.c44 {
+.c45 {
   padding: 0.5rem 0 1rem;
 }
 
-.c44:first-child {
+.c45:first-child {
   padding-top: 0;
 }
 
-.c44:last-child {
+.c45:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c43 {
+.c44 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c51 {
+.c52 {
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
   font-weight: 700;
   font-style: normal;
@@ -272,14 +272,14 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   margin-right: 0.5rem;
 }
 
-.c55 {
+.c56 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c46 {
+.c47 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
@@ -287,40 +287,40 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   width: 100%;
 }
 
-.c46 >div {
+.c47 >div {
   vertical-align: middle;
 }
 
-.c46 >div {
+.c47 >div {
   display: inline-block;
   vertical-align: initial;
 }
 
-.c46 svg {
+.c47 svg {
   margin: 0;
 }
 
-.c58 {
+.c59 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c45 {
+.c46 {
   position: relative;
 }
 
-.c56 {
+.c57 {
   position: relative;
 }
 
-.c57 > * {
+.c58 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c47 {
+.c48 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -332,7 +332,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   display: inline;
 }
 
-.c59 {
+.c60 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -343,7 +343,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   line-height: 1.25rem;
 }
 
-.c49 {
+.c50 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -355,7 +355,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   padding-top: 0.5rem;
 }
 
-.c60 {
+.c61 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -366,7 +366,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   padding-bottom: 0.5rem;
 }
 
-.c48 {
+.c49 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -374,7 +374,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   overflow-wrap: break-word;
 }
 
-.c48:before {
+.c49:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -386,17 +386,17 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   z-index: 1;
 }
 
-.c48:hover,
-.c48:focus {
+.c49:hover,
+.c49:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c48:visited {
+.c49:visited {
   color: #6E6E73;
 }
 
-.c61 {
+.c62 {
   color: #222222;
   background-color: #FFFFFF;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -407,7 +407,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   display: block;
 }
 
-.c52 {
+.c53 {
   color: #222222;
   background-color: #FFFFFF;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -420,7 +420,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   padding-right: 0.5rem;
 }
 
-.c53 {
+.c54 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -432,11 +432,11 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   height: 100%;
 }
 
-.c62 {
+.c63 {
   padding: 0 0.25rem;
 }
 
-.c25 {
+.c26 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -446,7 +446,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   list-style-type: none;
 }
 
-.c25 > li::before {
+.c26 > li::before {
   content: ' ';
   display: inline-block;
   width: 2rem;
@@ -454,27 +454,27 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   margin-left: -2rem;
 }
 
-.c26 {
+.c27 {
   margin-bottom: 1rem;
 }
 
-.c24 {
+.c25 {
   margin-bottom: 1.5rem;
 }
 
-.c27 {
+.c28 {
   margin-top: 0.5rem;
 }
 
-.c27 figure {
+.c28 figure {
   padding-bottom: 0;
 }
 
-.c31 {
+.c32 {
   margin-bottom: 1rem;
 }
 
-.c33 {
+.c34 {
   margin-top: 0;
 }
 
@@ -523,16 +523,16 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   margin: 0 auto;
 }
 
-.c63 {
+.c64 {
   margin-bottom: 1.5rem;
   padding: 1rem;
 }
 
-.c42 {
+.c43 {
   margin-bottom: 1.5rem;
 }
 
-.c29 {
+.c30 {
   border: 0;
   left: 0;
   overflow: hidden;
@@ -543,7 +543,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:37.5rem) {
-  .c37 {
+  .c38 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -552,39 +552,39 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c38 {
+  .c39 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c38 {
+  .c39 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c38 {
+  .c39 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c38 {
+  .c39 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c34 {
+  .c35 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c34 {
+  .c35 {
     position: absolute;
     left: 0;
     right: 0;
@@ -593,33 +593,33 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:37.5rem) {
-  .c32 {
+  .c33 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c32 {
+  .c33 {
     margin-bottom: 1.5rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c30 {
+  .c31 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c30 {
+  .c31 {
     font-size: 2rem;
     line-height: 2.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c30 {
+  .c31 {
     padding-top: 2rem;
   }
 }
@@ -746,7 +746,37 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (max-width:14.9375rem) {
-  .c40 {
+  .c21 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c21 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c21 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c21 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c21 {
+    display: block;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c41 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -754,7 +784,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c40 {
+  .c41 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -762,7 +792,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c40 {
+  .c41 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -770,7 +800,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c40 {
+  .c41 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -778,7 +808,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c40 {
+  .c41 {
     width: calc(33.333333333333336%);
     display: inline-block;
     vertical-align: top;
@@ -786,7 +816,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:80rem) {
-  .c40 {
+  .c41 {
     width: calc(33.333333333333336%);
     display: inline-block;
     vertical-align: top;
@@ -794,7 +824,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @supports (display:grid) {
-  .c40 {
+  .c41 {
     display: block;
   }
 }
@@ -919,14 +949,14 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c21 {
+  .c22 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c21 {
+  .c22 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
@@ -959,65 +989,65 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c50 {
+  .c51 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c50 {
+  .c51 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c44 {
+  .c45 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c44 {
+  .c45 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c44 {
+  .c45 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c44:first-child {
+  .c45:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c55 {
+  .c56 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c55 {
+  .c56 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c46 {
+  .c47 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c46 {
+  .c47 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -1025,7 +1055,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c46 {
+  .c47 {
     display: block;
     width: initial;
     padding: initial;
@@ -1035,13 +1065,13 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:37.5rem) {
-  .c58 {
+  .c59 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c58 {
+  .c59 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -1049,7 +1079,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c58 {
+  .c59 {
     display: block;
     width: initial;
     padding: initial;
@@ -1058,7 +1088,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c45 {
+  .c46 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -1066,214 +1096,214 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:25rem) {
-  .c57 {
+  .c58 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c57 > * {
+  .c58 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c47 {
+  .c48 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c47 {
+  .c48 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c59 {
+  .c60 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c59 {
+  .c60 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c49 {
+  .c50 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c49 {
+  .c50 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c49 {
+  .c50 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c49 {
+  .c50 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c60 {
+  .c61 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c60 {
+  .c61 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c60 {
+  .c61 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c60 {
+  .c61 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c61 {
+  .c62 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c61 {
+  .c62 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c52 {
+  .c53 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c52 {
+  .c53 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c25 {
+  .c26 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c25 {
+  .c26 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (max-width:63rem) {
-  .c27 {
+  .c28 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c27 {
+  .c28 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c27 {
+  .c28 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c27 {
+  .c28 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c27 {
+  .c28 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:25rem) {
-  .c27 {
+  .c28 {
     margin-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c27 {
+  .c28 {
     padding-top: 0.5rem;
     margin-top: 2rem;
   }
 }
 
 @media (max-width:25rem) {
-  .c31 {
+  .c32 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c31 {
+  .c32 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c31 {
+  .c32 {
     margin-bottom: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c39 {
+  .c40 {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c39 {
+  .c40 {
     padding-bottom: 1.5rem;
   }
 }
@@ -1297,13 +1327,13 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 }
 
 @media (min-width:63rem) {
-  .c41 {
+  .c42 {
     margin-top: 2rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c42 {
+  .c43 {
     padding: 1rem;
   }
 }
@@ -1432,17 +1462,17 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </figure>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       <b>
                          This is introduction text, it should be bold by default, but also support 
                       </b>
                       <a
-                        class="c22"
+                        class="c23"
                         href="https://bbc.com/pidgin/23248703"
                       >
                         inline links
@@ -1453,21 +1483,21 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       <i
-                        class="c23"
+                        class="c24"
                       >
                         <b>
                           This is a subheadline! that has 
                         </b>
                       </i>
                       <a
-                        class="c22"
+                        class="c23"
                         href="https://bbc.com/pidgin/23248703"
                       >
                         a link
@@ -1478,21 +1508,21 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     class="c5"
                   >
                     <div
-                      class="c24"
+                      class="c25"
                     >
                       <ul
-                        class="c25"
+                        class="c26"
                         dir="ltr"
                         role="list"
                       >
                         <li
-                          class="c26"
+                          class="c27"
                           role="listitem"
                         >
                           This is a unordered list
                         </li>
                         <li
-                          class="c26"
+                          class="c27"
                           role="listitem"
                         >
                           It can have 
@@ -1502,22 +1532,22 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                            in it
                         </li>
                         <li
-                          class="c26"
+                          class="c27"
                           role="listitem"
                         >
                           <a
-                            class="c22"
+                            class="c23"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             It can also have links
                           </a>
                         </li>
                         <li
-                          class="c26"
+                          class="c27"
                           role="listitem"
                         >
                           <i
-                            class="c23"
+                            class="c24"
                           >
                             It can even have italic text in it!
                           </i>
@@ -1526,15 +1556,15 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </div>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       Feta the big cheese macaroni cheese. 
                       <a
-                        class="c22"
+                        class="c23"
                         href="https://bbc.com/pidgin/23248703"
                       >
                         Caerphilly danish fontina
@@ -1590,11 +1620,11 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </figure>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       <b>
                         Start of localised text
@@ -1602,21 +1632,21 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       Minista nọ n'isi ụlọọrụ ahụ bụ Hadi Sirika sị na ya agaghị atụrụ ndị mmadụ asị na ya gaghaị arụcha ya bụ ọdọụgbọelụ na Disemba dịka ha kwuburu mana ya ga-eburu isi ụlọọrụ ya ga-gwunye n'Enugu ịhụ na ha rụchara n'Apreelụ.
                     </p>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       <b>
                         End of localised text
@@ -1624,15 +1654,15 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       Rubber cheese macaroni 
                       <i
-                        class="c23"
+                        class="c24"
                       >
                         cheese cottage cheese
                       </i>
@@ -1643,21 +1673,21 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     class="c5"
                   >
                     <div
-                      class="c24"
+                      class="c25"
                     >
                       <ul
-                        class="c25"
+                        class="c26"
                         dir="ltr"
                         role="list"
                       >
                         <li
-                          class="c26"
+                          class="c27"
                           role="listitem"
                         >
                           This is a ordered list
                         </li>
                         <li
-                          class="c26"
+                          class="c27"
                           role="listitem"
                         >
                           It can have 
@@ -1667,22 +1697,22 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                            in it
                         </li>
                         <li
-                          class="c26"
+                          class="c27"
                           role="listitem"
                         >
                           <a
-                            class="c22"
+                            class="c23"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             It can also have links
                           </a>
                         </li>
                         <li
-                          class="c26"
+                          class="c27"
                           role="listitem"
                         >
                           <i
-                            class="c23"
+                            class="c24"
                           >
                             It can even have italic text in it!
                           </i>
@@ -1691,28 +1721,28 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </div>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       Cauliflower cheese bocconcini hard cheese. Port-salut ricotta rubber cheese pecorino queso say cheese danish fontina parmesan. Port-salut lancashire pecorino say cheese stilton jarlsberg when the cheese comes out everybody's happy chalk and cheese. Squirty cheese cheese triangles swiss blue castello fromage mozzarella macaroni cheese cottage cheese. Chalk and cheese parmesan lancashire fondue.
                     </p>
                   </div>
                   <div
-                    class="c27"
+                    class="c28"
                   >
                     <figure
                       class="c12"
                     >
                       <div
-                        class="c28"
+                        class="c29"
                       >
                         <iframe
                           allow="autoplay; fullscreen"
                           allowfullscreen=""
-                          class="c29"
+                          class="c30"
                           scrolling="no"
                           src="https://polling.test.bbc.co.uk/ws/av-embeds/cps/igbo/afirika-23252735/p01mr6r9/pcm"
                           title="Media player"
@@ -1725,7 +1755,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     class="c5"
                   >
                     <h2
-                      class="c30"
+                      class="c31"
                       id="This-is-a-heading"
                       tabindex="-1"
                     >
@@ -1736,7 +1766,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     class="c5"
                   >
                     <h2
-                      class="c30"
+                      class="c31"
                       id="This-is-a-subheading"
                       tabindex="-1"
                     >
@@ -1744,11 +1774,11 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </h2>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       Squirty cheese dolcelatte say cheese. Brie cut the cheese fondue cow queso cheese on toast dolcelatte chalk and cheese. Queso roquefort manchego pecorino cheese strings manchego melted cheese halloumi. Cream cheese when the cheese comes out everybody's happy rubber cheese macaroni cheese blue castello cheeseburger caerphilly lancashire. Fondue blue castello.
                     </p>
@@ -1757,7 +1787,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     class="c5"
                   >
                     <h2
-                      class="c30"
+                      class="c31"
                       id="This-is-a-crosshead"
                       tabindex="-1"
                     >
@@ -1765,25 +1795,25 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </h2>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       Brie parmesan camembert de normandie. Cottage cheese mozzarella cheesy grin red leicester hard cheese cheesy feet taleggio ricotta. Melted cheese say cheese cut the cheese brie cheese and biscuits cheese slices boursin squirty cheese. Say cheese camembert de normandie.
                     </p>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       <a
                         aria-label="This is an external link to google!, outside"
-                        class="c22"
+                        class="c23"
                         href="https://www.google.com/"
                       >
                         This is an external link to google!
@@ -1791,11 +1821,11 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </p>
                   </div>
                   <div
-                    class="c3"
+                    class="c21"
                     dir="ltr"
                   >
                     <p
-                      class="c21"
+                      class="c22"
                     >
                       Cheese strings stilton cheesy feet. Cheese strings fondue cow fromage edam halloumi cut the cheese cream cheese. Melted cheese brie rubber cheese parmesan cut the cheese queso st. agur blue cheese dolcelatte. Port-salut croque monsieur cheese and wine cheese triangles cheesy grin.
                     </p>
@@ -1803,26 +1833,26 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                 </main>
                 <section
                   aria-labelledby="related-content-heading"
-                  class="c31"
+                  class="c32"
                   role="region"
                 >
                   <div
-                    class="c32 c33"
+                    class="c33 c34"
                   >
                     <div
-                      class="c34"
+                      class="c35"
                     />
                     <h2
-                      class="c35"
+                      class="c36"
                     >
                       <span
-                        class="c36"
+                        class="c37"
                       >
                         <span
-                          class="c37"
+                          class="c38"
                         >
                           <span
-                            class="c38"
+                            class="c39"
                             dir="ltr"
                             id="related-content-heading"
                           >
@@ -1833,39 +1863,39 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                     </h2>
                   </div>
                   <div
-                    class="c39"
+                    class="c40"
                   />
                 </section>
               </div>
               <div
-                class="c40 c41"
+                class="c41 c42"
                 dir="ltr"
               >
                 <div
-                  class="c42"
+                  class="c43"
                 >
                   <section
                     aria-labelledby="top-stories-heading"
-                    class="c31"
+                    class="c32"
                     role="region"
                   >
                     <div
-                      class="c32 c33"
+                      class="c33 c34"
                     >
                       <div
-                        class="c34"
+                        class="c35"
                       />
                       <h2
-                        class="c35"
+                        class="c36"
                       >
                         <span
-                          class="c36"
+                          class="c37"
                         >
                           <span
-                            class="c37"
+                            class="c38"
                           >
                             <span
-                              class="c38"
+                              class="c39"
                               dir="ltr"
                               id="top-stories-heading"
                             >
@@ -1876,37 +1906,37 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                       </h2>
                     </div>
                     <ul
-                      class="c43"
+                      class="c44"
                       role="list"
                     >
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c46"
+                            class="c47"
                             dir="ltr"
                           >
                             <h3
-                              class="c47"
+                              class="c48"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23182501"
                               >
                                 DSS: Wepụ aka enwe n'ofe na Benue
                               </a>
                             </h3>
                             <p
-                              class="c49"
+                              class="c50"
                             >
                               DSS achọpụtala n'aka ndị ISIS dị na mkpamkpa nke na-akpa na Naijirịa ugbua nke gosiri na ọbughị nanị ndị Fulani na-achụ ehị na-kpa arụa
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2019-09-25"
                             >
                               25th September 2019
@@ -1915,28 +1945,28 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c46"
+                            class="c47"
                             dir="ltr"
                           >
                             <h3
-                              class="c47"
+                              class="c48"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/live/institutional-23162153"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c51"
+                                    class="c52"
                                     dir="ltr"
                                   >
                                     AS E DE HAPPEN 
@@ -1946,7 +1976,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                               </a>
                             </h3>
                             <p
-                              class="c49"
+                              class="c50"
                             >
                               New Test m̀ịṅị̀ịọ́ụ̄ please ignore, test summary
                             </p>
@@ -1954,27 +1984,27 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c46"
+                            class="c47"
                             dir="ltr"
                           >
                             <div
                               aria-hidden="true"
-                              class="c52"
+                              class="c53"
                               dir="ltr"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                               >
                                 <svg
                                   aria-hidden="true"
-                                  class="c54"
+                                  class="c55"
                                   focusable="false"
                                   height="12px"
                                   viewBox="0 0 13 12"
@@ -1990,10 +2020,10 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                               </div>
                             </div>
                             <h3
-                              class="c47"
+                              class="c48"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23183171"
                               >
                                 <span
@@ -2011,12 +2041,12 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                               </a>
                             </h3>
                             <p
-                              class="c49"
+                              class="c50"
                             >
                               Akụkọ ihe na-eme n'ụwa niile
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2018-01-22"
                             >
                               22nd January 2018
@@ -2028,30 +2058,30 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                   </section>
                 </div>
                 <div
-                  class="c42"
+                  class="c43"
                 >
                   <section
                     aria-labelledby="features-analysis-heading"
-                    class="c31"
+                    class="c32"
                     role="region"
                   >
                     <div
-                      class="c32 c33"
+                      class="c33 c34"
                     >
                       <div
-                        class="c34"
+                        class="c35"
                       />
                       <h2
-                        class="c35"
+                        class="c36"
                       >
                         <span
-                          class="c36"
+                          class="c37"
                         >
                           <span
-                            class="c37"
+                            class="c38"
                           >
                             <span
-                              class="c38"
+                              class="c39"
                               dir="ltr"
                               id="features-analysis-heading"
                             >
@@ -2062,22 +2092,22 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                       </h2>
                     </div>
                     <ul
-                      class="c43"
+                      class="c44"
                       role="list"
                     >
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c55"
+                            class="c56"
                             dir="ltr"
                           >
                             <div
-                              class="c56"
+                              class="c57"
                             >
                               <div
                                 class="c15"
@@ -2087,31 +2117,31 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                 />
                               </div>
                               <div
-                                class="c57"
+                                class="c58"
                               />
                             </div>
                           </div>
                           <div
-                            class="c58"
+                            class="c59"
                             dir="ltr"
                           >
                             <h3
-                              class="c59"
+                              class="c60"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23182930"
                               >
                                 Lee ihe Barcelona mere Real Betis
                               </a>
                             </h3>
                             <p
-                              class="c60"
+                              class="c61"
                             >
                               Barcelona emerigo Real Betis na asọmpị La Liga
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2018-01-22"
                             >
                               22nd January 2018
@@ -2120,18 +2150,18 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c55"
+                            class="c56"
                             dir="ltr"
                           >
                             <div
-                              class="c56"
+                              class="c57"
                             >
                               <div
                                 class="c15"
@@ -2141,31 +2171,31 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                 />
                               </div>
                               <div
-                                class="c57"
+                                class="c58"
                               />
                             </div>
                           </div>
                           <div
-                            class="c58"
+                            class="c59"
                             dir="ltr"
                           >
                             <h3
-                              class="c59"
+                              class="c60"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23182890"
                               >
                                 Aubameyang nwere ike ifu ndị Arsenal ọnụ ego karịrị nderi pounds iri ise
                               </a>
                             </h3>
                             <p
-                              class="c60"
+                              class="c61"
                             >
                               Agbu a ndị otu bọọlụ Arsenal na Dortmund ebidola mkparịta ụka maka azụma ahịa Aubameyang dịka ọ ga-abụ onye kacha oke ọnụ ahịa ndị Arsenal ga-azụ.
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2018-01-21"
                             >
                               21st January 2018
@@ -2174,18 +2204,18 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c55"
+                            class="c56"
                             dir="ltr"
                           >
                             <div
-                              class="c56"
+                              class="c57"
                             >
                               <div
                                 class="c15"
@@ -2195,31 +2225,31 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                 />
                               </div>
                               <div
-                                class="c57"
+                                class="c58"
                               />
                             </div>
                           </div>
                           <div
-                            class="c58"
+                            class="c59"
                             dir="ltr"
                           >
                             <h3
-                              class="c59"
+                              class="c60"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23182810"
                               >
                                 "Alexis Sanchez ga-abanye Manchester united ma ọ buru na....." Wenger
                               </a>
                             </h3>
                             <p
-                              class="c60"
+                              class="c61"
                             >
                               Onye nchikwa Arsenal ,Arsene wenger ekwuola na Alexis Sanchez ga-abanye Manchester United ma ọ buru na Henrikh Mkhitaryan bata otu Arsenal
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2018-01-21"
                             >
                               21st January 2018
@@ -2228,18 +2258,18 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c55"
+                            class="c56"
                             dir="ltr"
                           >
                             <div
-                              class="c56"
+                              class="c57"
                             >
                               <div
                                 class="c15"
@@ -2249,31 +2279,31 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                 />
                               </div>
                               <div
-                                class="c57"
+                                class="c58"
                               />
                             </div>
                           </div>
                           <div
-                            class="c58"
+                            class="c59"
                             dir="ltr"
                           >
                             <h3
-                              class="c59"
+                              class="c60"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23182766"
                               >
                                 Dịka osi ga n'ime asọmpi Premier League
                               </a>
                             </h3>
                             <p
-                              class="c60"
+                              class="c61"
                             >
                               Asọmpi Premier league ndị ụbọchị taa akwakọrọla ọnụ, a na wetara gi osi ga. ebe otu egwuregwu ndị ama ama nwetachara mmeri n'asọmpi ha.
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2018-01-20"
                             >
                               20th January 2018
@@ -2282,18 +2312,18 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c55"
+                            class="c56"
                             dir="ltr"
                           >
                             <div
-                              class="c56"
+                              class="c57"
                             >
                               <div
                                 class="c15"
@@ -2303,31 +2333,31 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                 />
                               </div>
                               <div
-                                class="c57"
+                                class="c58"
                               />
                             </div>
                           </div>
                           <div
-                            class="c58"
+                            class="c59"
                             dir="ltr"
                           >
                             <h3
-                              class="c59"
+                              class="c60"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23182760"
                               >
                                 Djokovic enwela mmeri Agbanyeghị ihe mmerụ ahụ
                               </a>
                             </h3>
                             <p
-                              class="c60"
+                              class="c61"
                             >
                               Onye ama ama n'egwuregwu teenisi bụ Novak Djokovic agafela na agba nke anọ n'ihe egwuregwu teenisi nke Australian Open.
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2018-01-20"
                             >
                               20th January 2018
@@ -2336,18 +2366,18 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c55"
+                            class="c56"
                             dir="ltr"
                           >
                             <div
-                              class="c56"
+                              class="c57"
                             >
                               <div
                                 class="c15"
@@ -2357,31 +2387,31 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                 />
                               </div>
                               <div
-                                class="c57"
+                                class="c58"
                               />
                             </div>
                           </div>
                           <div
-                            class="c58"
+                            class="c59"
                             dir="ltr"
                           >
                             <h3
-                              class="c59"
+                              class="c60"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23182710"
                               >
                                 CHAN: Naịjirịa na Guinea nọ na ịrụ Group C
                               </a>
                             </h3>
                             <p
-                              class="c60"
+                              class="c61"
                             >
                               Naịjirịa meriri Libya 1-0. Guinia meriri Equatorial Guinea 1-0 eji bụkọtara ndị isi na group C na CHAN
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2018-01-20"
                             >
                               20th January 2018
@@ -2390,18 +2420,18 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c55"
+                            class="c56"
                             dir="ltr"
                           >
                             <div
-                              class="c56"
+                              class="c57"
                             >
                               <div
                                 class="c15"
@@ -2411,19 +2441,19 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                 />
                               </div>
                               <div
-                                class="c57"
+                                class="c58"
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="c61"
+                                  class="c62"
                                   dir="ltr"
                                 >
                                   <div
-                                    class="c53"
+                                    class="c54"
                                   >
                                     <svg
                                       aria-hidden="true"
-                                      class="c54"
+                                      class="c55"
                                       focusable="false"
                                       height="12px"
                                       viewBox="0 0 13 12"
@@ -2437,7 +2467,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                       />
                                     </svg>
                                     <time
-                                      class="c62"
+                                      class="c63"
                                       datetime="PT49S"
                                     >
                                       0:49
@@ -2448,14 +2478,14 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                             </div>
                           </div>
                           <div
-                            class="c58"
+                            class="c59"
                             dir="ltr"
                           >
                             <h3
-                              class="c59"
+                              class="c60"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23177465"
                               >
                                 <span
@@ -2478,12 +2508,12 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                               </a>
                             </h3>
                             <p
-                              class="c60"
+                              class="c61"
                             >
                               Azịza ọnụ onye DSP Omoni, Uweoji nke Rivers Steeti
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2018-01-07"
                             >
                               7th January 2018
@@ -2492,18 +2522,18 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c55"
+                            class="c56"
                             dir="ltr"
                           >
                             <div
-                              class="c56"
+                              class="c57"
                             >
                               <div
                                 class="c15"
@@ -2513,31 +2543,31 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                 />
                               </div>
                               <div
-                                class="c57"
+                                class="c58"
                               />
                             </div>
                           </div>
                           <div
-                            class="c58"
+                            class="c59"
                             dir="ltr"
                           >
                             <h3
-                              class="c59"
+                              class="c60"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23173771"
                               >
                                 O nwere ihe o mere ma Dino Melaye nọrọ n'egwu m?
                               </a>
                             </h3>
                             <p
-                              class="c60"
+                              class="c61"
                             >
                               'Kach' Nwa minista Ibe Kachikwu tinyere Sinetọ Dino Melaye n'ime ihe onyonyo egwu ọ gụrụ mana ọnaghị atọ ndi Naijurịa ọchị
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2017-12-20"
                             >
                               20th December 2017
@@ -2546,18 +2576,18 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                         </div>
                       </li>
                       <li
-                        class="c44"
+                        class="c45"
                         role="listitem"
                       >
                         <div
-                          class="c45"
+                          class="c46"
                         >
                           <div
-                            class="c55"
+                            class="c56"
                             dir="ltr"
                           >
                             <div
-                              class="c56"
+                              class="c57"
                             >
                               <div
                                 class="c15"
@@ -2567,31 +2597,31 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                                 />
                               </div>
                               <div
-                                class="c57"
+                                class="c58"
                               />
                             </div>
                           </div>
                           <div
-                            class="c58"
+                            class="c59"
                             dir="ltr"
                           >
                             <h3
-                              class="c59"
+                              class="c60"
                             >
                               <a
-                                class="c48"
+                                class="c49"
                                 href="/igbo/23174391"
                               >
                                 Ọkụ Festac: Ajọ ọnwụnwa nke keresimesi
                               </a>
                             </h3>
                             <p
-                              class="c60"
+                              class="c61"
                             >
                               Ọkụ a tapiala nkwa ahịa karịrị nari nde Naira na Legọs
                             </p>
                             <time
-                              class="c50"
+                              class="c51"
                               datetime="2017-12-21"
                             >
                               21st December 2017
@@ -2603,7 +2633,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
                   </section>
                 </div>
                 <div
-                  class="c63"
+                  class="c64"
                 />
               </div>
             </div>
@@ -2616,7 +2646,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 `;
 
 exports[`Story Page snapshots should match snapshot for STY 1`] = `
-.c60 {
+.c61 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2625,7 +2655,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 0.75rem;
 }
 
-.c62 {
+.c63 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2634,7 +2664,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 0.75rem;
 }
 
-.c63 {
+.c64 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2643,7 +2673,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 0.8125rem;
 }
 
-.c37 {
+.c38 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2653,7 +2683,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   flex-direction: column;
 }
 
-.c38 {
+.c39 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2672,7 +2702,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   align-items: baseline;
 }
 
-.c39 {
+.c40 {
   font-size: 1.125rem;
   line-height: 1.375rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2692,23 +2722,23 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   align-items: center;
 }
 
-.c35 {
+.c36 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c33 {
+.c34 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c36 {
+.c37 {
   margin: 0;
   padding: 0;
 }
 
-.c31 {
+.c32 {
   font-size: 1.25rem;
   line-height: 1.5rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2719,7 +2749,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding: 1.5rem 0;
 }
 
-.c24 {
+.c25 {
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: italic;
@@ -2752,7 +2782,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   outline: none;
 }
 
-.c22 {
+.c23 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2763,20 +2793,20 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   margin: 0;
 }
 
-.c23 {
+.c24 {
   color: #222222;
   border-bottom: 1px solid #B80000;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c23:visited {
+.c24:visited {
   color: #6E6E73;
   border-bottom: 1px solid #6E6E73;
 }
 
-.c23:focus,
-.c23:hover {
+.c24:focus,
+.c24:hover {
   border-bottom: 2px solid #B80000;
   color: #B80000;
 }
@@ -2860,7 +2890,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   transition: visibility 0.2s linear;
 }
 
-.c21 {
+.c22 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -2871,11 +2901,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding-bottom: 0.25rem;
 }
 
-.c21:last-child {
+.c22:last-child {
   padding-bottom: 1rem;
 }
 
-.c51 {
+.c52 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -2885,39 +2915,39 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   font-style: normal;
 }
 
-.c29 {
+.c30 {
   padding-top: 56.25%;
   position: relative;
   overflow: hidden;
 }
 
-.c45 {
+.c46 {
   padding: 0.5rem 0 1rem;
 }
 
-.c45:first-child {
+.c46:first-child {
   padding-top: 0;
 }
 
-.c45:last-child {
+.c46:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c44 {
+.c45 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c52 {
+.c53 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c47 {
+.c48 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
@@ -2925,40 +2955,40 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   width: 100%;
 }
 
-.c47 >div {
+.c48 >div {
   vertical-align: middle;
 }
 
-.c47 >div {
+.c48 >div {
   display: inline-block;
   vertical-align: initial;
 }
 
-.c47 svg {
+.c48 svg {
   margin: 0;
 }
 
-.c55 {
+.c56 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c46 {
+.c47 {
   position: relative;
 }
 
-.c53 {
+.c54 {
   position: relative;
 }
 
-.c54 > * {
+.c55 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c48 {
+.c49 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -2970,7 +3000,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   display: inline;
 }
 
-.c56 {
+.c57 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -2981,7 +3011,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   line-height: 1.25rem;
 }
 
-.c50 {
+.c51 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2993,7 +3023,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding-top: 0.5rem;
 }
 
-.c57 {
+.c58 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3004,7 +3034,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding-bottom: 0.5rem;
 }
 
-.c49 {
+.c50 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -3012,7 +3042,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   overflow-wrap: break-word;
 }
 
-.c49:before {
+.c50:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -3024,17 +3054,17 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   z-index: 1;
 }
 
-.c49:hover,
-.c49:focus {
+.c50:hover,
+.c50:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c49:visited {
+.c50:visited {
   color: #6E6E73;
 }
 
-.c58 {
+.c59 {
   color: #222222;
   background-color: #FFFFFF;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3045,7 +3075,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   display: block;
 }
 
-.c59 {
+.c60 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3057,11 +3087,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 100%;
 }
 
-.c61 {
+.c62 {
   padding: 0 0.25rem;
 }
 
-.c26 {
+.c27 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3071,7 +3101,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   list-style-type: none;
 }
 
-.c26 > li::before {
+.c27 > li::before {
   content: ' ';
   display: inline-block;
   width: 2rem;
@@ -3079,27 +3109,27 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   margin-left: -2rem;
 }
 
-.c27 {
+.c28 {
   margin-bottom: 1rem;
 }
 
-.c25 {
+.c26 {
   margin-bottom: 1.5rem;
 }
 
-.c28 {
+.c29 {
   margin-top: 0.5rem;
 }
 
-.c28 figure {
+.c29 figure {
   padding-bottom: 0;
 }
 
-.c32 {
+.c33 {
   margin-bottom: 1rem;
 }
 
-.c34 {
+.c35 {
   margin-top: 0;
 }
 
@@ -3148,16 +3178,16 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   margin: 0 auto;
 }
 
-.c64 {
+.c65 {
   margin-bottom: 1.5rem;
   padding: 1rem;
 }
 
-.c43 {
+.c44 {
   margin-bottom: 1.5rem;
 }
 
-.c30 {
+.c31 {
   border: 0;
   left: 0;
   overflow: hidden;
@@ -3168,7 +3198,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) {
-  .c38 {
+  .c39 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -3177,39 +3207,39 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c39 {
+  .c40 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c39 {
+  .c40 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c39 {
+  .c40 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c39 {
+  .c40 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c35 {
+  .c36 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c35 {
+  .c36 {
     position: absolute;
     left: 0;
     right: 0;
@@ -3218,33 +3248,33 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) {
-  .c33 {
+  .c34 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c33 {
+  .c34 {
     margin-bottom: 1.5rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c31 {
+  .c32 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c31 {
+  .c32 {
     font-size: 2rem;
     line-height: 2.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c31 {
+  .c32 {
     padding-top: 2rem;
   }
 }
@@ -3371,7 +3401,37 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (max-width:14.9375rem) {
-  .c41 {
+  .c21 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c21 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c21 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c21 {
+    padding: 0 1rem;
+  }
+}
+
+@supports (display:grid) {
+  .c21 {
+    display: block;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c42 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3379,7 +3439,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c41 {
+  .c42 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3387,7 +3447,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c41 {
+  .c42 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3395,7 +3455,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c41 {
+  .c42 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3403,7 +3463,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c41 {
+  .c42 {
     width: calc(33.333333333333336%);
     display: inline-block;
     vertical-align: top;
@@ -3411,7 +3471,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:80rem) {
-  .c41 {
+  .c42 {
     width: calc(33.333333333333336%);
     display: inline-block;
     vertical-align: top;
@@ -3419,7 +3479,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (display:grid) {
-  .c41 {
+  .c42 {
     display: block;
   }
 }
@@ -3544,14 +3604,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c22 {
+  .c23 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c22 {
+  .c23 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
@@ -3584,79 +3644,79 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c21 {
+  .c22 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c21 {
+  .c22 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c51 {
+  .c52 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c51 {
+  .c52 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c45 {
+  .c46 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c45 {
+  .c46 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c45 {
+  .c46 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c45:first-child {
+  .c46:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c52 {
+  .c53 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c52 {
+  .c53 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c47 {
+  .c48 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c47 {
+  .c48 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -3664,7 +3724,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c47 {
+  .c48 {
     display: block;
     width: initial;
     padding: initial;
@@ -3674,13 +3734,13 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) {
-  .c55 {
+  .c56 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c55 {
+  .c56 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -3688,7 +3748,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c55 {
+  .c56 {
     display: block;
     width: initial;
     padding: initial;
@@ -3697,7 +3757,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c46 {
+  .c47 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -3705,200 +3765,200 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:25rem) {
-  .c54 {
+  .c55 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c54 > * {
+  .c55 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c48 {
+  .c49 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c48 {
+  .c49 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c56 {
+  .c57 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c56 {
+  .c57 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c50 {
+  .c51 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c50 {
+  .c51 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c50 {
+  .c51 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c50 {
+  .c51 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c57 {
+  .c58 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c57 {
+  .c58 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c57 {
+  .c58 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c57 {
+  .c58 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c58 {
+  .c59 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c58 {
+  .c59 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c26 {
+  .c27 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c26 {
+  .c27 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (max-width:63rem) {
-  .c28 {
+  .c29 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c28 {
+  .c29 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c28 {
+  .c29 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c28 {
+  .c29 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c28 {
+  .c29 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:25rem) {
-  .c28 {
+  .c29 {
     margin-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c28 {
+  .c29 {
     padding-top: 0.5rem;
     margin-top: 2rem;
   }
 }
 
 @media (max-width:25rem) {
-  .c32 {
+  .c33 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c32 {
+  .c33 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c32 {
+  .c33 {
     margin-bottom: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c40 {
+  .c41 {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c40 {
+  .c41 {
     padding-bottom: 1.5rem;
   }
 }
@@ -3922,13 +3982,13 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:63rem) {
-  .c42 {
+  .c43 {
     margin-top: 2rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c43 {
+  .c44 {
     padding: 1rem;
   }
 }
@@ -4284,28 +4344,28 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </figure>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <time
-                          class="c21"
+                          class="c22"
                           datetime="2019-10-23"
                         >
                           23 October 2019
                         </time>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           <b>
                              This is introduction text, it should be bold by default, but also support 
                           </b>
                           <a
-                            class="c23"
+                            class="c24"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             inline links
@@ -4316,21 +4376,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           <i
-                            class="c24"
+                            class="c25"
                           >
                             <b>
                               This is a subheadline! that has 
                             </b>
                           </i>
                           <a
-                            class="c23"
+                            class="c24"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             a link
@@ -4341,21 +4401,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <div
-                          class="c25"
+                          class="c26"
                         >
                           <ul
-                            class="c26"
+                            class="c27"
                             dir="ltr"
                             role="list"
                           >
                             <li
-                              class="c27"
+                              class="c28"
                               role="listitem"
                             >
                               This is a unordered list
                             </li>
                             <li
-                              class="c27"
+                              class="c28"
                               role="listitem"
                             >
                               It can have 
@@ -4365,22 +4425,22 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                in it
                             </li>
                             <li
-                              class="c27"
+                              class="c28"
                               role="listitem"
                             >
                               <a
-                                class="c23"
+                                class="c24"
                                 href="https://bbc.com/pidgin/23248703"
                               >
                                 It can also have links
                               </a>
                             </li>
                             <li
-                              class="c27"
+                              class="c28"
                               role="listitem"
                             >
                               <i
-                                class="c24"
+                                class="c25"
                               >
                                 It can even have italic text in it!
                               </i>
@@ -4389,15 +4449,15 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </div>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           Feta the big cheese macaroni cheese. 
                           <a
-                            class="c23"
+                            class="c24"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             Caerphilly danish fontina
@@ -4453,11 +4513,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </figure>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           <b>
                             Start of localised text
@@ -4465,21 +4525,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           Dem say di medicine dey offer more protection against heart attack and stroke, if you take am before you go sleep instead of for morning, dat na wetin new study suggest.
                         </p>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           <b>
                             End of localised text
@@ -4487,15 +4547,15 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           Rubber cheese macaroni 
                           <i
-                            class="c24"
+                            class="c25"
                           >
                             cheese cottage cheese
                           </i>
@@ -4506,21 +4566,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <div
-                          class="c25"
+                          class="c26"
                         >
                           <ul
-                            class="c26"
+                            class="c27"
                             dir="ltr"
                             role="list"
                           >
                             <li
-                              class="c27"
+                              class="c28"
                               role="listitem"
                             >
                               This is a ordered list
                             </li>
                             <li
-                              class="c27"
+                              class="c28"
                               role="listitem"
                             >
                               It can have 
@@ -4530,22 +4590,22 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                in it
                             </li>
                             <li
-                              class="c27"
+                              class="c28"
                               role="listitem"
                             >
                               <a
-                                class="c23"
+                                class="c24"
                                 href="https://bbc.com/pidgin/23248703"
                               >
                                 It can also have links
                               </a>
                             </li>
                             <li
-                              class="c27"
+                              class="c28"
                               role="listitem"
                             >
                               <i
-                                class="c24"
+                                class="c25"
                               >
                                 It can even have italic text in it!
                               </i>
@@ -4554,28 +4614,28 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </div>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           Cauliflower cheese bocconcini hard cheese. Port-salut ricotta rubber cheese pecorino queso say cheese danish fontina parmesan. Port-salut lancashire pecorino say cheese stilton jarlsberg when the cheese comes out everybody's happy chalk and cheese. Squirty cheese cheese triangles swiss blue castello fromage mozzarella macaroni cheese cottage cheese. Chalk and cheese parmesan lancashire fondue.
                         </p>
                       </div>
                       <div
-                        class="c28"
+                        class="c29"
                       >
                         <figure
                           class="c12"
                         >
                           <div
-                            class="c29"
+                            class="c30"
                           >
                             <iframe
                               allow="autoplay; fullscreen"
                               allowfullscreen=""
-                              class="c30"
+                              class="c31"
                               scrolling="no"
                               src="https://polling.test.bbc.co.uk/ws/av-embeds/cps/pidgin/world-23252817/p01mr6r9/pcm"
                               title="Media player"
@@ -4588,7 +4648,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <h2
-                          class="c31"
+                          class="c32"
                           id="This-is-a-heading"
                           tabindex="-1"
                         >
@@ -4596,11 +4656,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </h2>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           Squirty cheese dolcelatte say cheese. Brie cut the cheese fondue cow queso cheese on toast dolcelatte chalk and cheese. Queso roquefort manchego pecorino cheese strings manchego melted cheese halloumi. Cream cheese when the cheese comes out everybody's happy rubber cheese macaroni cheese blue castello cheeseburger caerphilly lancashire. Fondue blue castello.
                         </p>
@@ -4609,7 +4669,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <h2
-                          class="c31"
+                          class="c32"
                           id="This-is-a-crosshead"
                           tabindex="-1"
                         >
@@ -4617,25 +4677,25 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </h2>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           Brie parmesan camembert de normandie. Cottage cheese mozzarella cheesy grin red leicester hard cheese cheesy feet taleggio ricotta. Melted cheese say cheese cut the cheese brie cheese and biscuits cheese slices boursin squirty cheese. Say cheese camembert de normandie.
                         </p>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           <a
                             aria-label="This is an external link to google!, outside"
-                            class="c23"
+                            class="c24"
                             href="https://www.google.com/"
                           >
                             This is an external link to google!
@@ -4643,11 +4703,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c3"
+                        class="c21"
                         dir="ltr"
                       >
                         <p
-                          class="c22"
+                          class="c23"
                         >
                           Cheese strings stilton cheesy feet. Cheese strings fondue cow fromage edam halloumi cut the cheese cream cheese. Melted cheese brie rubber cheese parmesan cut the cheese queso st. agur blue cheese dolcelatte. Port-salut croque monsieur cheese and wine cheese triangles cheesy grin.
                         </p>
@@ -4655,26 +4715,26 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                     </main>
                     <section
                       aria-labelledby="related-content-heading"
-                      class="c32"
+                      class="c33"
                       role="region"
                     >
                       <div
-                        class="c33 c34"
+                        class="c34 c35"
                       >
                         <div
-                          class="c35"
+                          class="c36"
                         />
                         <h2
-                          class="c36"
+                          class="c37"
                         >
                           <span
-                            class="c37"
+                            class="c38"
                           >
                             <span
-                              class="c38"
+                              class="c39"
                             >
                               <span
-                                class="c39"
+                                class="c40"
                                 dir="ltr"
                                 id="related-content-heading"
                               >
@@ -4685,39 +4745,39 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </h2>
                       </div>
                       <div
-                        class="c40"
+                        class="c41"
                       />
                     </section>
                   </div>
                   <div
-                    class="c41 c42"
+                    class="c42 c43"
                     dir="ltr"
                   >
                     <div
-                      class="c43"
+                      class="c44"
                     >
                       <section
                         aria-labelledby="top-stories-heading"
-                        class="c32"
+                        class="c33"
                         role="region"
                       >
                         <div
-                          class="c33 c34"
+                          class="c34 c35"
                         >
                           <div
-                            class="c35"
+                            class="c36"
                           />
                           <h2
-                            class="c36"
+                            class="c37"
                           >
                             <span
-                              class="c37"
+                              class="c38"
                             >
                               <span
-                                class="c38"
+                                class="c39"
                               >
                                 <span
-                                  class="c39"
+                                  class="c40"
                                   dir="ltr"
                                   id="top-stories-heading"
                                 >
@@ -4728,37 +4788,37 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                           </h2>
                         </div>
                         <ul
-                          class="c44"
+                          class="c45"
                           role="list"
                         >
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c47"
+                                class="c48"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c48"
+                                  class="c49"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/pidgin/23248287"
                                   >
                                     ATMs across the country
                                   </a>
                                 </h3>
                                 <p
-                                  class="c50"
+                                  class="c51"
                                 >
                                   Here we have an article about a particular topic
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2019-09-10"
                                 >
                                   10th September 2019
@@ -4767,33 +4827,33 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c47"
+                                class="c48"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c48"
+                                  class="c49"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/pidgin/tori-23146434"
                                   >
                                     Jacob Zuma: Staying!!!
                                   </a>
                                 </h3>
                                 <p
-                                  class="c50"
+                                  class="c51"
                                 >
                                   Lawmakers for South Africa Parliament don vote make President Jacob Zuma continue dey run things for government.
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -4802,33 +4862,33 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c47"
+                                class="c48"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c48"
+                                  class="c49"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="https://www.bbc.co.uk/news"
                                   >
                                     Feature promo
                                   </a>
                                 </h3>
                                 <p
-                                  class="c50"
+                                  class="c51"
                                 >
                                   Feature promo summary
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2019-12-06"
                                 >
                                   6th December 2019
@@ -4840,30 +4900,30 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                       </section>
                     </div>
                     <div
-                      class="c43"
+                      class="c44"
                     >
                       <section
                         aria-labelledby="features-analysis-heading"
-                        class="c32"
+                        class="c33"
                         role="region"
                       >
                         <div
-                          class="c33 c34"
+                          class="c34 c35"
                         >
                           <div
-                            class="c35"
+                            class="c36"
                           />
                           <h2
-                            class="c36"
+                            class="c37"
                           >
                             <span
-                              class="c37"
+                              class="c38"
                             >
                               <span
-                                class="c38"
+                                class="c39"
                               >
                                 <span
-                                  class="c39"
+                                  class="c40"
                                   dir="ltr"
                                   id="features-analysis-heading"
                                 >
@@ -4874,22 +4934,22 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                           </h2>
                         </div>
                         <ul
-                          class="c44"
+                          class="c45"
                           role="list"
                         >
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c52"
+                                class="c53"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c53"
+                                  class="c54"
                                 >
                                   <div
                                     class="c15"
@@ -4899,31 +4959,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c54"
+                                    class="c55"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c55"
+                                class="c56"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c56"
+                                  class="c57"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/pidgin/tori-23146625"
                                   >
                                     How Lagos Dey Fight Lassa Fever
                                   </a>
                                 </h3>
                                 <p
-                                  class="c57"
+                                  class="c58"
                                 >
                                   100 workers for LUTH dey under observation after two people die from Lassa Fever.
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2017-08-09"
                                 >
                                   9th August 2017
@@ -4932,18 +4992,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c52"
+                                class="c53"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c53"
+                                  class="c54"
                                 >
                                   <div
                                     class="c15"
@@ -4953,19 +5013,19 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c54"
+                                    class="c55"
                                   >
                                     <div
                                       aria-hidden="true"
-                                      class="c58"
+                                      class="c59"
                                       dir="ltr"
                                     >
                                       <div
-                                        class="c59"
+                                        class="c60"
                                       >
                                         <svg
                                           aria-hidden="true"
-                                          class="c60"
+                                          class="c61"
                                           focusable="false"
                                           height="12px"
                                           viewBox="0 0 32 32"
@@ -4976,7 +5036,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                           />
                                         </svg>
                                         <time
-                                          class="c61"
+                                          class="c62"
                                           datetime="PT1M7S"
                                         >
                                           1:07
@@ -4987,14 +5047,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                 </div>
                               </div>
                               <div
-                                class="c55"
+                                class="c56"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c56"
+                                  class="c57"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/pidgin/media-23267821"
                                   >
                                     <span
@@ -5018,12 +5078,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                   </a>
                                 </h3>
                                 <p
-                                  class="c57"
+                                  class="c58"
                                 >
                                   Justin Trudeau has been re-elected prime minister of Canada with a reduced share of the vote.
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2020-02-17"
                                 >
                                   17th February 2020
@@ -5032,18 +5092,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c52"
+                                class="c53"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c53"
+                                  class="c54"
                                 >
                                   <div
                                     class="c15"
@@ -5053,19 +5113,19 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c54"
+                                    class="c55"
                                   >
                                     <div
                                       aria-hidden="true"
-                                      class="c58"
+                                      class="c59"
                                       dir="ltr"
                                     >
                                       <div
-                                        class="c59"
+                                        class="c60"
                                       >
                                         <svg
                                           aria-hidden="true"
-                                          class="c62"
+                                          class="c63"
                                           focusable="false"
                                           height="12px"
                                           viewBox="0 0 13 12"
@@ -5084,14 +5144,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                 </div>
                               </div>
                               <div
-                                class="c55"
+                                class="c56"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c56"
+                                  class="c57"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/pidgin/23267823"
                                   >
                                     <span
@@ -5110,12 +5170,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                   </a>
                                 </h3>
                                 <p
-                                  class="c57"
+                                  class="c58"
                                 >
                                   Kojey Radical and guests discuss how to write about something you’ve not experienced.
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2020-02-17"
                                 >
                                   17th February 2020
@@ -5124,18 +5184,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c52"
+                                class="c53"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c53"
+                                  class="c54"
                                 >
                                   <div
                                     class="c15"
@@ -5145,31 +5205,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c54"
+                                    class="c55"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c55"
+                                class="c56"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c56"
+                                  class="c57"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/pidgin/tori-23169387"
                                   >
                                     Libya: omo ile Ghana márùndínláàdóje pada sile
                                   </a>
                                 </h3>
                                 <p
-                                  class="c57"
+                                  class="c58"
                                 >
                                   Omo Orileede Ghana to le ni márùndínláàdóje ti pada sile lati Libya ti won ti lo se atipo, leyin ti fonran fihan wipe won n ta won bi eru.
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2017-12-05"
                                 >
                                   5th December 2017
@@ -5178,18 +5238,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c52"
+                                class="c53"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c53"
+                                  class="c54"
                                 >
                                   <div
                                     class="c15"
@@ -5199,31 +5259,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c54"
+                                    class="c55"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c55"
+                                class="c56"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c56"
+                                  class="c57"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/news/world-africa-23143884"
                                   >
                                     Like Scaramucci, Like Others
                                   </a>
                                 </h3>
                                 <p
-                                  class="c57"
+                                  class="c58"
                                 >
                                   President Trump sack Anthony Scaramucci after ten days for office, but wetin happen to Scaramucci don happen to other people before.
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5232,18 +5292,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c52"
+                                class="c53"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c53"
+                                  class="c54"
                                 >
                                   <div
                                     class="c15"
@@ -5253,31 +5313,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c54"
+                                    class="c55"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c55"
+                                class="c56"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c56"
+                                  class="c57"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/pidgin/tori-23146975"
                                   >
                                     Anambra Attack: 'My Friend Uchenna na Nice Girl'- Gabros
                                   </a>
                                 </h3>
                                 <p
-                                  class="c57"
+                                  class="c58"
                                 >
                                   Chukwuka Gabros tell BBC about Im friend wey die for the church attack for Ozubulu, Anambra State.
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2017-08-09"
                                 >
                                   9th August 2017
@@ -5286,18 +5346,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c52"
+                                class="c53"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c53"
+                                  class="c54"
                                 >
                                   <div
                                     class="c15"
@@ -5307,31 +5367,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c54"
+                                    class="c55"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c55"
+                                class="c56"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c56"
+                                  class="c57"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="https://www.bbc.com/pidgin/sport-51434980"
                                   >
                                     Man City vs West Ham: Bad weather force Premier League to cancel Sunday match
                                   </a>
                                 </h3>
                                 <p
-                                  class="c57"
+                                  class="c58"
                                 >
                                   Man City vs West Ham: Bad weather force Premier League to cancel Sunday match
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2020-02-17"
                                 >
                                   17th February 2020
@@ -5340,18 +5400,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c52"
+                                class="c53"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c53"
+                                  class="c54"
                                 >
                                   <div
                                     class="c15"
@@ -5361,31 +5421,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c54"
+                                    class="c55"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c55"
+                                class="c56"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c56"
+                                  class="c57"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/pidgin/tori-23145776"
                                   >
                                     Anambra Church: Police Arrest 3
                                   </a>
                                 </h3>
                                 <p
-                                  class="c57"
+                                  class="c58"
                                 >
                                   Governor Willie Obiano of Anambra State bin don promise say government go handle the matter sharp, sharp
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5394,18 +5454,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c45"
+                            class="c46"
                             role="listitem"
                           >
                             <div
-                              class="c46"
+                              class="c47"
                             >
                               <div
-                                class="c52"
+                                class="c53"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c53"
+                                  class="c54"
                                 >
                                   <div
                                     class="c15"
@@ -5415,19 +5475,19 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c54"
+                                    class="c55"
                                   >
                                     <div
                                       aria-hidden="true"
-                                      class="c58"
+                                      class="c59"
                                       dir="ltr"
                                     >
                                       <div
-                                        class="c59"
+                                        class="c60"
                                       >
                                         <svg
                                           aria-hidden="true"
-                                          class="c63"
+                                          class="c64"
                                           focusable="false"
                                           height="13px"
                                           viewBox="0 0 32 26"
@@ -5448,14 +5508,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                 </div>
                               </div>
                               <div
-                                class="c55"
+                                class="c56"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c56"
+                                  class="c57"
                                 >
                                   <a
-                                    class="c49"
+                                    class="c50"
                                     href="/pidgin/23146654"
                                   >
                                     <span
@@ -5474,12 +5534,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                   </a>
                                 </h3>
                                 <p
-                                  class="c57"
+                                  class="c58"
                                 >
                                   This na some of the picture wey our eye see as Kenya people go vote for election today
                                 </p>
                                 <time
-                                  class="c51"
+                                  class="c52"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5491,7 +5551,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                       </section>
                     </div>
                     <div
-                      class="c64"
+                      class="c65"
                     />
                   </div>
                 </div>

From 4b7d3e67aefe44c9b2511c3cf4befc9f7407be86 Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Fri, 22 May 2020 11:39:17 +0300
Subject: [PATCH 07/12] Fix GridItemMedium

---
 src/app/lib/styledGrid/index.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index 99649684657..5edd471a61e 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -168,8 +168,8 @@ export const GridItemMedium = ({ children }) => {
     group0: 6,
     group1: 6,
     group2: 6,
-    group3: 6,
-    group4: 6,
+    group3: 5,
+    group4: 5,
     group5: 10,
   };
 

From a9bb8af7db56ffb391899126d9213bb9e60f7ac2 Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Fri, 22 May 2020 11:57:29 +0300
Subject: [PATCH 08/12] Refactor

---
 src/app/lib/styledGrid/index.jsx | 60 +++++++++++---------------------
 1 file changed, 20 insertions(+), 40 deletions(-)

diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index 5edd471a61e..db5cefd2047 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -36,18 +36,25 @@ export const MediumContentContainer = styled.div`
   }
 `;
 
-export const MediumGridWrapper = ({ children }) => {
-  const columns = {
-    group0: 6,
-    group1: 6,
-    group2: 6,
-    group3: 6,
-    group4: 6,
-    group5: 12,
-  };
+const defaultColumns = {
+  group0: 6,
+  group1: 6,
+  group2: 6,
+  group3: 6,
+  group4: 6,
+  group5: 12,
+};
 
+const mediumColumns = {
+  ...defaultColumns,
+  group3: 5,
+  group4: 5,
+  group5: 10,
+};
+
+export const MediumGridWrapper = ({ children }) => {
   return (
-    <Grid enableGelGutters columns={columns}>
+    <Grid enableGelGutters columns={defaultColumns}>
       {children}
     </Grid>
   );
@@ -58,15 +65,6 @@ MediumGridWrapper.propTypes = {
 };
 
 export const GridItem = ({ children }) => {
-  const columns = {
-    group0: 6,
-    group1: 6,
-    group2: 6,
-    group3: 5,
-    group4: 5,
-    group5: 10,
-  };
-
   const margins = {
     group0: true,
     group1: true,
@@ -77,7 +75,7 @@ export const GridItem = ({ children }) => {
   };
 
   return (
-    <Grid item columns={columns} margins={margins}>
+    <Grid item columns={mediumColumns} margins={margins}>
       {children}
     </Grid>
   );
@@ -118,15 +116,6 @@ GridItemSmall.propTypes = {
 };
 
 export const GridItemLarge = ({ children, enableMargins }) => {
-  const columns = {
-    group0: 6,
-    group1: 6,
-    group2: 6,
-    group3: 6,
-    group4: 6,
-    group5: 12,
-  };
-
   const noMargins = {
     group0: false,
     group1: false,
@@ -148,7 +137,7 @@ export const GridItemLarge = ({ children, enableMargins }) => {
   const margins = enableMargins ? gridMargins : noMargins;
 
   return (
-    <Grid item columns={columns} margins={margins}>
+    <Grid item columns={defaultColumns} margins={margins}>
       {children}
     </Grid>
   );
@@ -164,17 +153,8 @@ GridItemLarge.defaultProps = {
 };
 
 export const GridItemMedium = ({ children }) => {
-  const columns = {
-    group0: 6,
-    group1: 6,
-    group2: 6,
-    group3: 5,
-    group4: 5,
-    group5: 10,
-  };
-
   return (
-    <Grid item columns={columns}>
+    <Grid item columns={mediumColumns}>
       {children}
     </Grid>
   );

From 8803974aee9e48a8a8cfe04e066c3265b7c91a21 Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Fri, 22 May 2020 14:03:19 +0300
Subject: [PATCH 09/12] =?UTF-8?q?=F0=9F=94=86=20Apply=20grid=20fallbacks?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CpsText/__snapshots__/index.test.jsx.snap |  28 +
 .../__snapshots__/index.test.jsx.snap         | 196 +++++
 .../Image/__snapshots__/index.test.jsx.snap   | 240 ++++++
 .../__snapshots__/index.test.jsx.snap         |  56 ++
 .../Text/__snapshots__/index.test.jsx.snap    |  28 +
 src/app/lib/styledGrid/index.jsx              |  29 +-
 .../__snapshots__/index.test.jsx.snap         |  18 +-
 .../__snapshots__/index.test.jsx.snap         |  66 +-
 .../__snapshots__/index.test.jsx.snap         | 760 ++++++++++++++++++
 .../__snapshots__/index.test.jsx.snap         | 208 +++++
 10 files changed, 1582 insertions(+), 47 deletions(-)

diff --git a/src/app/containers/CpsText/__snapshots__/index.test.jsx.snap b/src/app/containers/CpsText/__snapshots__/index.test.jsx.snap
index f602a6090cb..bb41383a0a0 100644
--- a/src/app/containers/CpsText/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/CpsText/__snapshots__/index.test.jsx.snap
@@ -59,24 +59,52 @@ exports[`CpsTextContainer with data should render correctly 1`] = `
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
diff --git a/src/app/containers/Headings/__snapshots__/index.test.jsx.snap b/src/app/containers/Headings/__snapshots__/index.test.jsx.snap
index e080fdf9f0b..84e64221296 100644
--- a/src/app/containers/Headings/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/Headings/__snapshots__/index.test.jsx.snap
@@ -20,24 +20,52 @@ exports[`Headings with headline data should render correctly 1`] = `
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -101,24 +129,52 @@ exports[`Headings with plain text headline should render h1 containing correct t
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -270,24 +326,52 @@ exports[`Headings with rich text headline with bold text should render h1 with <
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -361,24 +445,52 @@ exports[`Headings with rich text headline with italic text should render h1 with
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -454,24 +566,52 @@ exports[`Headings with rich text should render headline with bold & italic text
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -549,24 +689,52 @@ exports[`Headings with rich text should render headline with italic & bold text
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -644,24 +812,52 @@ exports[`Headings with rich text with different attributes should render headlin
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
diff --git a/src/app/containers/Image/__snapshots__/index.test.jsx.snap b/src/app/containers/Image/__snapshots__/index.test.jsx.snap
index dd0646478ad..891fc04ae21 100644
--- a/src/app/containers/Image/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/Image/__snapshots__/index.test.jsx.snap
@@ -25,6 +25,54 @@ exports[`Image with data should render a lazyload container instead of an image
   grid-column-gap: 1rem;
 }
 
+@media (max-width:14.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c0 {
     display: block;
@@ -158,6 +206,54 @@ exports[`Image with data should render an image with alt text 1`] = `
   grid-column-gap: 1rem;
 }
 
+@media (max-width:14.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c0 {
     display: block;
@@ -354,6 +450,54 @@ exports[`Image with data should render an image with alt text and caption 1`] =
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c0 {
     display: block;
@@ -527,6 +671,54 @@ exports[`Image with data should render an image with alt text and offscreen copy
   grid-column-gap: 1rem;
 }
 
+@media (max-width:14.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c0 {
     display: block;
@@ -698,6 +890,54 @@ exports[`Image with data should render an image with other originCode - this wou
   grid-column-gap: 1rem;
 }
 
+@media (max-width:14.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c0 {
     display: block;
diff --git a/src/app/containers/Paragraph/__snapshots__/index.test.jsx.snap b/src/app/containers/Paragraph/__snapshots__/index.test.jsx.snap
index 453cdd40b6a..83c50c4084a 100644
--- a/src/app/containers/Paragraph/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/Paragraph/__snapshots__/index.test.jsx.snap
@@ -55,24 +55,52 @@ exports[`ParagraphContainer should render correctly 1`] = `
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -162,24 +190,52 @@ exports[`ParagraphContainer should render correctly with inline block 1`] = `
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
diff --git a/src/app/containers/Text/__snapshots__/index.test.jsx.snap b/src/app/containers/Text/__snapshots__/index.test.jsx.snap
index 1b0282ac348..8a9db32f380 100644
--- a/src/app/containers/Text/__snapshots__/index.test.jsx.snap
+++ b/src/app/containers/Text/__snapshots__/index.test.jsx.snap
@@ -29,24 +29,52 @@ exports[`TextContainer with data should render correctly 1`] = `
 @media (max-width:14.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c0 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c0 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c0 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c0 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index db5cefd2047..7acd4e03baf 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -54,7 +54,11 @@ const mediumColumns = {
 
 export const MediumGridWrapper = ({ children }) => {
   return (
-    <Grid enableGelGutters columns={defaultColumns}>
+    <Grid
+      enableGelGutters
+      parentColumns={defaultColumns}
+      columns={defaultColumns}
+    >
       {children}
     </Grid>
   );
@@ -75,7 +79,12 @@ export const GridItem = ({ children }) => {
   };
 
   return (
-    <Grid item columns={mediumColumns} margins={margins}>
+    <Grid
+      item
+      parentColumns={defaultColumns}
+      columns={mediumColumns}
+      margins={margins}
+    >
       {children}
     </Grid>
   );
@@ -105,7 +114,12 @@ export const GridItemSmall = ({ children }) => {
   };
 
   return (
-    <Grid item columns={columns} margins={margins}>
+    <Grid
+      parentColumnd={defaultColumns}
+      item
+      columns={columns}
+      margins={margins}
+    >
       {children}
     </Grid>
   );
@@ -137,7 +151,12 @@ export const GridItemLarge = ({ children, enableMargins }) => {
   const margins = enableMargins ? gridMargins : noMargins;
 
   return (
-    <Grid item columns={defaultColumns} margins={margins}>
+    <Grid
+      item
+      columns={defaultColumns}
+      margins={margins}
+      parentColumns={defaultColumns}
+    >
       {children}
     </Grid>
   );
@@ -154,7 +173,7 @@ GridItemLarge.defaultProps = {
 
 export const GridItemMedium = ({ children }) => {
   return (
-    <Grid item columns={mediumColumns}>
+    <Grid item columns={mediumColumns} parentColumns={defaultColumns}>
       {children}
     </Grid>
   );
diff --git a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
index 4f7b2bbe435..ffba64ed862 100644
--- a/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/ArticlePage/__snapshots__/index.test.jsx.snap
@@ -11,11 +11,11 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
     role="main"
   >
     <div
-      class="GridComponent-nf79gm-0 cMJFwl"
+      class="GridComponent-nf79gm-0 ckiXbw"
       dir="ltr"
     >
       <div
-        class="GridComponent-nf79gm-0 jkNDkL"
+        class="GridComponent-nf79gm-0 fZRaHP"
         dir="ltr"
       >
         <h1
@@ -27,7 +27,7 @@ exports[`should render a ltr article (pidgin) with most read correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridComponent-nf79gm-0 dHalIG"
+        class="GridComponent-nf79gm-0 ciLAht"
         dir="ltr"
       >
         <p
@@ -505,11 +505,11 @@ exports[`should render a news article correctly 1`] = `
     role="main"
   >
     <div
-      class="GridComponent-nf79gm-0 cMJFwl"
+      class="GridComponent-nf79gm-0 ckiXbw"
       dir="ltr"
     >
       <div
-        class="GridComponent-nf79gm-0 jkNDkL"
+        class="GridComponent-nf79gm-0 fZRaHP"
         dir="ltr"
       >
         <h1
@@ -521,7 +521,7 @@ exports[`should render a news article correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridComponent-nf79gm-0 dHalIG"
+        class="GridComponent-nf79gm-0 ciLAht"
         dir="ltr"
       >
         <p
@@ -546,11 +546,11 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
     role="main"
   >
     <div
-      class="GridComponent-nf79gm-0 cMJFwl"
+      class="GridComponent-nf79gm-0 ckiXbw"
       dir="ltr"
     >
       <div
-        class="GridComponent-nf79gm-0 jkNDkL"
+        class="GridComponent-nf79gm-0 fZRaHP"
         dir="ltr"
       >
         <h1
@@ -562,7 +562,7 @@ exports[`should render a rtl article (persian) with most read correctly 1`] = `
         </h1>
       </div>
       <div
-        class="GridComponent-nf79gm-0 dHalIG"
+        class="GridComponent-nf79gm-0 ciLAht"
         dir="ltr"
       >
         <p
diff --git a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
index d11d81a6951..723ea4dac9f 100644
--- a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
@@ -61,7 +61,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </strong>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <time
@@ -72,7 +72,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </time>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -84,7 +84,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -99,7 +99,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -122,7 +122,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -137,7 +137,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -154,7 +154,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -168,7 +168,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -178,7 +178,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -188,7 +188,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -198,7 +198,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -306,7 +306,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </div>
               </div>
               <div
-                class="GridComponent-nf79gm-0 bOWfVf"
+                class="GridComponent-nf79gm-0 izJwjt"
                 dir="ltr"
               >
                 <figure
@@ -349,7 +349,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </figure>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -359,7 +359,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -438,7 +438,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </strong>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <time
@@ -457,7 +457,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -502,7 +502,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </h2>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -512,7 +512,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -602,7 +602,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -692,7 +692,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -723,7 +723,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -733,7 +733,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -743,7 +743,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -753,7 +753,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -763,7 +763,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -773,7 +773,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -783,7 +783,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -793,7 +793,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -803,7 +803,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -820,7 +820,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 bOWfVf"
+                class="GridComponent-nf79gm-0 izJwjt"
                 dir="ltr"
               >
                 <figure
@@ -876,7 +876,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </figure>
               </div>
               <div
-                class="GridComponent-nf79gm-0 bOWfVf"
+                class="GridComponent-nf79gm-0 izJwjt"
                 dir="ltr"
               >
                 <figure
@@ -970,7 +970,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </div>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
@@ -980,7 +980,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </p>
               </div>
               <div
-                class="GridComponent-nf79gm-0 dHalIG"
+                class="GridComponent-nf79gm-0 ciLAht"
                 dir="ltr"
               >
                 <p
diff --git a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
index 7a1b87dec32..079f5335240 100644
--- a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
@@ -128,6 +128,54 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   padding-bottom: 1.5rem;
 }
 
+@media (max-width:14.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c1 {
     display: grid;
@@ -138,24 +186,52 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
 @media (max-width:14.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -168,24 +244,52 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
 @media (max-width:14.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -195,6 +299,54 @@ exports[`Photo Gallery Page should not show the pop-out timestamp when allowDate
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c6 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c6 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c6 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c6 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c6 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c6 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c6 {
     display: block;
@@ -1497,6 +1649,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   padding-bottom: 1.5rem;
 }
 
+@media (max-width:14.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c1 {
     display: grid;
@@ -1507,24 +1707,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 @media (max-width:14.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -1537,24 +1765,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 @media (max-width:14.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -1564,6 +1820,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c7 {
     display: block;
@@ -3147,6 +3451,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c1 {
     display: grid;
@@ -3157,24 +3509,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 @media (max-width:14.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -3187,24 +3567,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 @media (max-width:14.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -3214,6 +3622,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c7 {
     display: block;
@@ -4508,6 +4964,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   padding-bottom: 1.5rem;
 }
 
+@media (max-width:14.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c1 {
     display: grid;
@@ -4518,24 +5022,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 @media (max-width:14.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -4548,24 +5080,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 @media (max-width:14.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -4575,6 +5135,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c7 {
     display: block;
@@ -6241,6 +6849,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c1 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c1 {
     display: grid;
@@ -6251,24 +6907,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 @media (max-width:14.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c2 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c2 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c2 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -6281,24 +6965,52 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 @media (max-width:14.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c4 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c4 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c4 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -6308,6 +7020,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c7 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c7 {
     display: block;
diff --git a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
index 3980960a3b9..fde7dc8791c 100644
--- a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
@@ -712,24 +712,52 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 @media (max-width:14.9375rem) {
   .c3 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c3 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c3 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c3 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c3 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c3 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -739,6 +767,54 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c11 {
     display: block;
@@ -748,24 +824,52 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 @media (max-width:14.9375rem) {
   .c21 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c21 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c21 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c21 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c21 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c21 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -3367,24 +3471,52 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 @media (max-width:14.9375rem) {
   .c3 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c3 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c3 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c3 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c3 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c3 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
@@ -3394,6 +3526,54 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   }
 }
 
+@media (max-width:14.9375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c11 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
 @supports (display:grid) {
   .c11 {
     display: block;
@@ -3403,24 +3583,52 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 @media (max-width:14.9375rem) {
   .c21 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c21 {
     padding: 0 0.5rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c21 {
     padding: 0 1rem;
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c21 {
     padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c21 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c21 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
   }
 }
 

From 572176cacd94d8497fc1afaa7296ef5de70729b3 Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Tue, 26 May 2020 11:17:06 +0300
Subject: [PATCH 10/12] Rename MediumGridWrapper to GridWrapperMedium

---
 src/app/lib/styledGrid/index.jsx         | 4 ++--
 src/app/pages/ArticlePage/index.jsx      | 6 +++---
 src/app/pages/PhotoGalleryPage/index.jsx | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index 7acd4e03baf..6c58f38f664 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -52,7 +52,7 @@ const mediumColumns = {
   group5: 10,
 };
 
-export const MediumGridWrapper = ({ children }) => {
+export const GridWrapperMedium = ({ children }) => {
   return (
     <Grid
       enableGelGutters
@@ -64,7 +64,7 @@ export const MediumGridWrapper = ({ children }) => {
   );
 };
 
-MediumGridWrapper.propTypes = {
+GridWrapperMedium.propTypes = {
   children: node.isRequired,
 };
 
diff --git a/src/app/pages/ArticlePage/index.jsx b/src/app/pages/ArticlePage/index.jsx
index 6010ff984ba..c6e289d6798 100644
--- a/src/app/pages/ArticlePage/index.jsx
+++ b/src/app/pages/ArticlePage/index.jsx
@@ -27,7 +27,7 @@ import text from '#containers/Text';
 import image from '#containers/Image';
 import Blocks from '#containers/Blocks';
 import timestamp from '#containers/ArticleTimestamp';
-import { MediumContentContainer, MediumGridWrapper } from '#lib/styledGrid';
+import { MediumContentContainer, GridWrapperMedium } from '#lib/styledGrid';
 import ATIAnalytics from '#containers/ATIAnalytics';
 import ChartbeatAnalytics from '#containers/ChartbeatAnalytics';
 import articleMediaPlayer from '#containers/ArticleMediaPlayer';
@@ -135,12 +135,12 @@ const ArticlePage = ({ pageData, mostReadEndpointOverride }) => {
         aboutTags={aboutTags}
       />
       <MediumContentContainer role="main" as="main">
-        <MediumGridWrapper>
+        <GridWrapperMedium>
           <Blocks
             blocks={path(['content', 'model', 'blocks'], pageData)}
             componentsToRender={componentsToRender}
           />
-        </MediumGridWrapper>
+        </GridWrapperMedium>
       </MediumContentContainer>
       <MostReadContainer
         mostReadEndpointOverride={mostReadEndpointOverride}
diff --git a/src/app/pages/PhotoGalleryPage/index.jsx b/src/app/pages/PhotoGalleryPage/index.jsx
index 8eae6d8e333..feb96506973 100644
--- a/src/app/pages/PhotoGalleryPage/index.jsx
+++ b/src/app/pages/PhotoGalleryPage/index.jsx
@@ -8,7 +8,7 @@ import {
 import { GEL_GROUP_4_SCREEN_WIDTH_MIN } from '@bbc/gel-foundations/breakpoints';
 import path from 'ramda/src/path';
 import pathOr from 'ramda/src/pathOr';
-import { MediumContentContainer, MediumGridWrapper } from '#lib/styledGrid';
+import { MediumContentContainer, GridWrapperMedium } from '#lib/styledGrid';
 import { getImageParts } from '#app/routes/cpsAsset/getInitialData/convertToOptimoBlocks/blocks/image/helpers';
 import CpsMetadata from '#containers/CpsMetadata';
 import LinkedData from '#containers/LinkedData';
@@ -106,9 +106,9 @@ const PhotoGalleryPage = ({ pageData }) => {
       />
       <ATIAnalytics data={pageData} />
       <StyledGrid as="main" role="main">
-        <MediumGridWrapper>
+        <GridWrapperMedium>
           <Blocks blocks={blocks} componentsToRender={componentsToRender} />
-        </MediumGridWrapper>
+        </GridWrapperMedium>
       </StyledGrid>
       <CpsRelatedContent content={relatedContent} enableGridWrapper />
     </>

From 6af6c4897a2eeec30281946d8edc5f2795adc4fd Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Tue, 26 May 2020 12:51:10 +0300
Subject: [PATCH 11/12] Remove GridItemMedium

---
 src/app/containers/Image/index.jsx            |    4 +-
 src/app/containers/Paragraph/index.jsx        |    2 +-
 src/app/lib/styledGrid/index.jsx              |   42 +-
 .../__snapshots__/index.test.jsx.snap         |    4 +-
 .../__snapshots__/index.test.jsx.snap         | 2180 +++++++++--------
 .../__snapshots__/index.test.jsx.snap         |  706 +++---
 6 files changed, 1601 insertions(+), 1337 deletions(-)

diff --git a/src/app/containers/Image/index.jsx b/src/app/containers/Image/index.jsx
index b6cbb0a8ff0..3f13da87539 100644
--- a/src/app/containers/Image/index.jsx
+++ b/src/app/containers/Image/index.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import filterForBlockType from '#lib/utilities/blockHandlers';
 import { imageModelPropTypes } from '#models/propTypes/image';
 import ArticleFigure from '../ArticleFigure';
-import { GridItemMedium, GridItemSmall, GridItemLarge } from '#lib/styledGrid';
+import { GridItem, GridItemSmall, GridItemLarge } from '#lib/styledGrid';
 import { createSrcset } from '#lib/utilities/srcSet';
 import buildIChefURL from '#lib/utilities/ichefURL';
 import urlWithPageAnchor from '#lib/utilities/pageAnchor';
@@ -57,7 +57,7 @@ const ImageContainer = ({ blocks, position }) => {
   let Wrapper = GridItemLarge;
 
   if (height === width) {
-    Wrapper = GridItemMedium;
+    Wrapper = GridItem;
   }
   if (height > width) {
     Wrapper = GridItemSmall;
diff --git a/src/app/containers/Paragraph/index.jsx b/src/app/containers/Paragraph/index.jsx
index 6e5f159452a..19818f36b72 100644
--- a/src/app/containers/Paragraph/index.jsx
+++ b/src/app/containers/Paragraph/index.jsx
@@ -14,7 +14,7 @@ const ParagraphContainer = ({ blocks }) => {
   const { script, service } = useContext(ServiceContext);
 
   return (
-    <GridItem>
+    <GridItem enableMargins>
       <Paragraph script={script} service={service}>
         <Blocks blocks={blocks} componentsToRender={componentsToRender} />
       </Paragraph>
diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index 6c58f38f664..adc698887cc 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -52,6 +52,15 @@ const mediumColumns = {
   group5: 10,
 };
 
+const noMargins = {
+  group0: false,
+  group1: false,
+  group2: false,
+  group3: false,
+  group4: false,
+  group5: false,
+};
+
 export const GridWrapperMedium = ({ children }) => {
   return (
     <Grid
@@ -68,8 +77,8 @@ GridWrapperMedium.propTypes = {
   children: node.isRequired,
 };
 
-export const GridItem = ({ children }) => {
-  const margins = {
+export const GridItem = ({ children, enableMargins }) => {
+  const gridMargins = {
     group0: true,
     group1: true,
     group2: true,
@@ -78,6 +87,8 @@ export const GridItem = ({ children }) => {
     group5: false,
   };
 
+  const margins = enableMargins ? gridMargins : noMargins;
+
   return (
     <Grid
       item
@@ -92,6 +103,11 @@ export const GridItem = ({ children }) => {
 
 GridItem.propTypes = {
   children: node.isRequired,
+  enableMargins: bool,
+};
+
+GridItem.defaultProps = {
+  enableMargins: false,
 };
 
 export const GridItemSmall = ({ children }) => {
@@ -130,15 +146,6 @@ GridItemSmall.propTypes = {
 };
 
 export const GridItemLarge = ({ children, enableMargins }) => {
-  const noMargins = {
-    group0: false,
-    group1: false,
-    group2: false,
-    group3: false,
-    group4: false,
-    group5: false,
-  };
-
   const gridMargins = {
     group0: true,
     group1: true,
@@ -170,19 +177,6 @@ GridItemLarge.propTypes = {
 GridItemLarge.defaultProps = {
   enableMargins: false,
 };
-
-export const GridItemMedium = ({ children }) => {
-  return (
-    <Grid item columns={mediumColumns} parentColumns={defaultColumns}>
-      {children}
-    </Grid>
-  );
-};
-
-GridItemMedium.propTypes = {
-  children: node.isRequired,
-};
-
 export const GridWrapper = styled.div`
   ${layoutGridWrapper};
   padding-bottom: ${GEL_SPACING_QUAD};
diff --git a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
index 0d6b93c8253..8c512030729 100644
--- a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
@@ -61,7 +61,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </strong>
               </div>
               <div
-                class="GridComponent-nf79gm-0 ciLAht"
+                class="GridComponent-nf79gm-0 eRZeLk"
                 dir="ltr"
               >
                 <time
@@ -438,7 +438,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </strong>
               </div>
               <div
-                class="GridComponent-nf79gm-0 ciLAht"
+                class="GridComponent-nf79gm-0 eRZeLk"
                 dir="ltr"
               >
                 <time
diff --git a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
index cde225dedc1..b3952fa6a6e 100644
--- a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
@@ -1508,12 +1508,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
     </script>
   </head>
   <body>
-    .c9 {
+    .c10 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c16 {
+.c17 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -1534,7 +1534,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   outline: none;
 }
 
-.c6 {
+.c7 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -1545,13 +1545,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   margin: 0;
 }
 
-.c8 {
+.c9 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c14 {
+.c15 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -1563,7 +1563,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   margin: 0;
 }
 
-.c13 {
+.c14 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -1574,20 +1574,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   width: 100%;
 }
 
-.c13 > p {
+.c14 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c13 > p:last-child {
+.c14 > p:last-child {
   padding-bottom: 0;
 }
 
-.c13 i {
+.c14 i {
   font-style: normal;
 }
 
-.c11 {
+.c12 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1600,7 +1600,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c18 {
+.c19 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1613,7 +1613,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c20 {
+.c21 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1764,7 +1764,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 
 @media (max-width:14.9375rem) {
   .c4 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1773,7 +1772,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c4 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1782,7 +1780,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c4 {
-    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1791,7 +1788,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c4 {
-    padding: 0 1rem;
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -1821,7 +1817,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (max-width:14.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1829,7 +1826,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1837,7 +1835,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1845,7 +1844,62 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c6 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c6 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@supports (display:grid) {
+  .c6 {
+    display: block;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1853,7 +1907,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c7 {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1861,7 +1915,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:80rem) {
-  .c7 {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1869,188 +1923,188 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @supports (display:grid) {
-  .c7 {
+  .c8 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c15 {
+  .c16 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c15 {
+  .c16 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c15 {
+  .c16 {
     padding: 0 1rem;
   }
 }
 
 @supports (display:grid) {
-  .c15 {
+  .c16 {
     display: block;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 4;
     margin-left: 1em;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c12 {
+  .c13 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c12 {
+  .c13 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c12 {
+  .c13 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c12 {
+  .c13 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c9 {
+  .c10 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c10 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (max-width:25rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(5,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(8,1fr);
   }
 }
 
 @supports (display:grid) {
-  .c16 {
+  .c17 {
     max-width: initial;
   }
 }
@@ -2076,41 +2130,41 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c7 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c6 {
+  .c7 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c13 {
+  .c14 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c13 {
+  .c14 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c13 {
+  .c14 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c13 {
+  .c14 {
     padding: 0.5rem 0 0;
   }
 }
@@ -2191,30 +2245,30 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </time>
                     </div>
                     <div
-                      class="c4"
+                      class="c6"
                       dir="ltr"
                     >
                       <p
-                        class="c6"
+                        class="c7"
                       >
                         Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
                       </p>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2223,13 +2277,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2242,20 +2296,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2264,13 +2318,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2283,20 +2337,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c15"
+                      class="c16"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c16"
+                          class="c17"
                         >
                           <div
-                            class="c17"
+                            class="c18"
                           >
                             <div
-                              class="c18"
+                              class="c19"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2305,13 +2359,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2324,20 +2378,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c20"
+                              class="c21"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2346,13 +2400,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2365,20 +2419,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2387,13 +2441,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2406,20 +2460,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c20"
+                              class="c21"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2428,13 +2482,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2447,20 +2501,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2469,13 +2523,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2488,20 +2542,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2510,13 +2564,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2529,20 +2583,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2551,13 +2605,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2570,20 +2624,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2592,13 +2646,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2611,20 +2665,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2633,13 +2687,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2652,20 +2706,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2674,13 +2728,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2693,20 +2747,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2715,13 +2769,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2734,20 +2788,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2756,13 +2810,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2775,20 +2829,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2797,13 +2851,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -3061,7 +3115,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
     </script>
   </head>
   <body>
-    .c40 {
+    .c41 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -3070,7 +3124,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   height: 0.8125rem;
 }
 
-.c21 {
+.c22 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3080,7 +3134,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   flex-direction: column;
 }
 
-.c22 {
+.c23 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3099,7 +3153,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   align-items: baseline;
 }
 
-.c23 {
+.c24 {
   font-size: 1.125rem;
   line-height: 1.375rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3119,28 +3173,28 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   align-items: center;
 }
 
-.c19 {
+.c20 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c17 {
+.c18 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c20 {
+.c21 {
   margin: 0;
   padding: 0;
 }
 
-.c15 {
+.c16 {
   margin: 0 auto;
   padding-bottom: 2rem;
 }
 
-.c9 {
+.c10 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -3161,7 +3215,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   outline: none;
 }
 
-.c6 {
+.c7 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3172,13 +3226,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   margin: 0;
 }
 
-.c8 {
+.c9 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c14 {
+.c15 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -3190,7 +3244,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   margin: 0;
 }
 
-.c13 {
+.c14 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3201,20 +3255,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   width: 100%;
 }
 
-.c13 > p {
+.c14 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c13 > p:last-child {
+.c14 > p:last-child {
   padding-bottom: 0;
 }
 
-.c13 i {
+.c14 i {
   font-style: normal;
 }
 
-.c37 {
+.c38 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -3227,7 +3281,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c11 {
+.c12 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -3255,7 +3309,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 1rem;
 }
 
-.c36 {
+.c37 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -3265,53 +3319,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   font-style: normal;
 }
 
-.c26 {
+.c27 {
   padding: 0.5rem 0 1rem;
 }
 
-.c26:first-child {
+.c27:first-child {
   padding-top: 0;
 }
 
-.c26:last-child {
+.c27:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c24 {
+.c25 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c29 {
+.c30 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c32 {
+.c33 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c28 {
+.c29 {
   position: relative;
 }
 
-.c30 {
+.c31 {
   position: relative;
 }
 
-.c31 > * {
+.c32 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c33 {
+.c34 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -3322,7 +3376,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   line-height: 1.25rem;
 }
 
-.c35 {
+.c36 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3333,7 +3387,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 0.5rem;
 }
 
-.c34 {
+.c35 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -3341,7 +3395,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   overflow-wrap: break-word;
 }
 
-.c34:before {
+.c35:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -3353,17 +3407,17 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   z-index: 1;
 }
 
-.c34:hover,
-.c34:focus {
+.c35:hover,
+.c35:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c34:visited {
+.c35:visited {
   color: #6E6E73;
 }
 
-.c38 {
+.c39 {
   color: #222222;
   background-color: #FFFFFF;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3374,7 +3428,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   display: block;
 }
 
-.c39 {
+.c40 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3386,11 +3440,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   height: 100%;
 }
 
-.c16 {
+.c17 {
   margin-bottom: 1rem;
 }
 
-.c18 {
+.c19 {
   margin-top: 0;
 }
 
@@ -3403,7 +3457,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) {
-  .c22 {
+  .c23 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -3412,39 +3466,39 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c23 {
+  .c24 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c23 {
+  .c24 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c23 {
+  .c24 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c23 {
+  .c24 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c19 {
+  .c20 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c19 {
+  .c20 {
     position: absolute;
     left: 0;
     right: 0;
@@ -3453,13 +3507,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) {
-  .c17 {
+  .c18 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c17 {
+  .c18 {
     margin-bottom: 1.5rem;
   }
 }
@@ -3579,7 +3633,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 
 @media (max-width:14.9375rem) {
   .c4 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3588,7 +3641,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c4 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3597,7 +3649,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c4 {
-    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3606,7 +3657,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c4 {
-    padding: 0 1rem;
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -3636,7 +3686,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (max-width:14.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3644,7 +3695,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3652,7 +3704,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3660,7 +3713,62 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c6 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c6 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@supports (display:grid) {
+  .c6 {
+    display: block;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3668,7 +3776,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c7 {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3676,7 +3784,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:80rem) {
-  .c7 {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3684,20 +3792,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (display:grid) {
-  .c7 {
+  .c8 {
     display: block;
   }
 }
 
 @supports (display:grid) {
-  .c25 {
+  .c26 {
     display: grid;
     position: initial;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c27 {
+  .c28 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3706,7 +3814,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c27 {
+  .c28 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3715,7 +3823,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c27 {
+  .c28 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3724,7 +3832,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c27 {
+  .c28 {
     width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3733,7 +3841,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c27 {
+  .c28 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3742,7 +3850,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:80rem) {
-  .c27 {
+  .c28 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3751,45 +3859,45 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (display:grid) {
-  .c27 {
+  .c28 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c15 {
+  .c16 {
     grid-column-gap: 0.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c15 {
+  .c16 {
     grid-column-gap: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c15 {
+  .c16 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c15 {
+  .c16 {
     grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
     max-width: 45.5rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c15 {
+  .c16 {
     grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
     max-width: 46.4rem;
   }
 }
 
 @supports (display:grid) {
-  .c15 {
+  .c16 {
     display: grid;
     max-width: initial;
     margin: initial;
@@ -3797,61 +3905,61 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (max-width:37.4375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c12 {
+  .c13 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c12 {
+  .c13 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c12 {
+  .c13 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c12 {
+  .c13 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c9 {
+  .c10 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c10 {
     grid-template-columns: repeat(12,1fr);
   }
 }
@@ -3877,41 +3985,41 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c7 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c6 {
+  .c7 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c13 {
+  .c14 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c13 {
+  .c14 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c13 {
+  .c14 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c13 {
+  .c14 {
     padding: 0.5rem 0 0;
   }
 }
@@ -3931,65 +4039,65 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c36 {
+  .c37 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c36 {
+  .c37 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c26 {
+  .c27 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c26 {
+  .c27 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c26 {
+  .c27 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c26:first-child {
+  .c27:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c29 {
+  .c30 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c29 {
+  .c30 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c32 {
+  .c33 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c32 {
+  .c33 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -3997,7 +4105,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c32 {
+  .c33 {
     display: block;
     width: initial;
     padding: initial;
@@ -4006,7 +4114,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c28 {
+  .c29 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -4014,107 +4122,107 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) {
-  .c31 {
+  .c32 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c31 > * {
+  .c32 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c33 {
+  .c34 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c33 {
+  .c34 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c35 {
+  .c36 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c35 {
+  .c36 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c35 {
+  .c36 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c35 {
+  .c36 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c38 {
+  .c39 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c38 {
+  .c39 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:63rem) {
-  .c16 {
+  .c17 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c16 {
+  .c17 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c16 {
+  .c17 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c16 {
+  .c17 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c16 {
+  .c17 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c16 {
+  .c17 {
     margin-bottom: 1.5rem;
   }
 }
@@ -4181,30 +4289,30 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </time>
                     </div>
                     <div
-                      class="c4"
+                      class="c6"
                       dir="ltr"
                     >
                       <p
-                        class="c6"
+                        class="c7"
                       >
                         Bole Festival wey dey celebrate one popular street food, special dish of roasted plantain and fish with pepper sauce, don start for Port Harcourt Rivers state
                       </p>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4213,13 +4321,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4232,20 +4340,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4254,13 +4362,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4273,20 +4381,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4295,13 +4403,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4314,20 +4422,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4336,13 +4444,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4355,20 +4463,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4377,13 +4485,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4396,20 +4504,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4418,13 +4526,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4437,20 +4545,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4459,13 +4567,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4478,20 +4586,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4500,13 +4608,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4519,20 +4627,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4541,13 +4649,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4560,20 +4668,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4582,13 +4690,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4601,20 +4709,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4623,13 +4731,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c12"
+                            class="c13"
                           >
                             <figcaption
-                              class="c13"
+                              class="c14"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4645,29 +4753,29 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                 </main>
                 <section
                   aria-labelledby="related-content-heading"
-                  class="c15"
+                  class="c16"
                   role="region"
                 >
                   <div
-                    class="c16"
+                    class="c17"
                   >
                     <div
-                      class="c17 c18"
+                      class="c18 c19"
                     >
                       <div
-                        class="c19"
+                        class="c20"
                       />
                       <h2
-                        class="c20"
+                        class="c21"
                       >
                         <span
-                          class="c21"
+                          class="c22"
                         >
                           <span
-                            class="c22"
+                            class="c23"
                           >
                             <span
-                              class="c23"
+                              class="c24"
                               dir="ltr"
                               id="related-content-heading"
                             >
@@ -4678,53 +4786,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </h2>
                     </div>
                     <ul
-                      class="c24 c25"
+                      class="c25 c26"
                       dir="ltr"
                       role="list"
                     >
                       <li
-                        class="c26 c27"
+                        class="c27 c28"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c28"
+                          class="c29"
                         >
                           <div
-                            class="c29"
+                            class="c30"
                             dir="ltr"
                           >
                             <div
-                              class="c30"
+                              class="c31"
                             >
                               <div
-                                class="c11"
+                                class="c12"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c31"
+                                class="c32"
                               />
                             </div>
                           </div>
                           <div
-                            class="c32"
+                            class="c33"
                             dir="ltr"
                           >
                             <h3
-                              class="c33"
+                              class="c34"
                             >
                               <a
-                                class="c34"
+                                class="c35"
                                 href="/pidgin/media-45132087"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c14"
+                                    class="c15"
                                   >
                                     , 
                                   </span>
@@ -4735,12 +4843,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                               </a>
                             </h3>
                             <p
-                              class="c35"
+                              class="c36"
                             >
                               Bole festival showcase di different types of bole dem.
                             </p>
                             <time
-                              class="c36"
+                              class="c37"
                               datetime="2018-08-09"
                             >
                               9th August 2018
@@ -4749,37 +4857,37 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                         </div>
                       </li>
                       <li
-                        class="c26 c27"
+                        class="c27 c28"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c28"
+                          class="c29"
                         >
                           <div
-                            class="c29"
+                            class="c30"
                             dir="ltr"
                           >
                             <div
-                              class="c30"
+                              class="c31"
                             >
                               <div
-                                class="c37"
+                                class="c38"
                               />
                               <div
-                                class="c31"
+                                class="c32"
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="c38"
+                                  class="c39"
                                   dir="ltr"
                                 >
                                   <div
-                                    class="c39"
+                                    class="c40"
                                   >
                                     <svg
                                       aria-hidden="true"
-                                      class="c40"
+                                      class="c41"
                                       focusable="false"
                                       height="13px"
                                       viewBox="0 0 32 26"
@@ -4800,21 +4908,21 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c32"
+                            class="c33"
                             dir="ltr"
                           >
                             <h3
-                              class="c33"
+                              class="c34"
                             >
                               <a
-                                class="c34"
+                                class="c35"
                                 href="/pidgin/tori-45242255"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c14"
+                                    class="c15"
                                   >
                                     Image gallery
                                     , 
@@ -4826,12 +4934,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                               </a>
                             </h3>
                             <p
-                              class="c35"
+                              class="c36"
                             >
                               Jollof Festival happun for Lagos Nigeria on Sunday and na time for pipo wey show to sample West Africa fine food dem.
                             </p>
                             <time
-                              class="c36"
+                              class="c37"
                               datetime="2018-08-19"
                             >
                               19th August 2018
@@ -4853,7 +4961,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 `;
 
 exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onward journeys 1`] = `
-.c9 {
+.c10 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -4874,7 +4982,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   outline: none;
 }
 
-.c6 {
+.c7 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -4885,13 +4993,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   margin: 0;
 }
 
-.c8 {
+.c9 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c13 {
+.c14 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -4903,7 +5011,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   margin: 0;
 }
 
-.c12 {
+.c13 {
   font-size: 0.75rem;
   line-height: 1rem;
   background-color: rgba(34,34,34,0.75);
@@ -4917,7 +5025,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   left: 0;
 }
 
-.c15 {
+.c16 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -4928,20 +5036,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   width: 100%;
 }
 
-.c15 > p {
+.c16 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c15 > p:last-child {
+.c16 > p:last-child {
   padding-bottom: 0;
 }
 
-.c15 i {
+.c16 i {
   font-style: normal;
 }
 
-.c11 {
+.c12 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5092,7 +5200,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 
 @media (max-width:14.9375rem) {
   .c4 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5101,7 +5208,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c4 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5110,7 +5216,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c4 {
-    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5119,7 +5224,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c4 {
-    padding: 0 1rem;
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -5149,7 +5253,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (max-width:14.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5157,7 +5262,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5165,7 +5271,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5173,7 +5280,62 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c6 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c6 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@supports (display:grid) {
+  .c6 {
+    display: block;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5181,7 +5343,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c7 {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5189,7 +5351,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:80rem) {
-  .c7 {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5197,67 +5359,67 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @supports (display:grid) {
-  .c7 {
+  .c8 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c14 {
+  .c15 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c14 {
+  .c15 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c14 {
+  .c15 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c14 {
+  .c15 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c9 {
+  .c10 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c10 {
     grid-template-columns: repeat(12,1fr);
   }
 }
@@ -5283,41 +5445,41 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c7 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c6 {
+  .c7 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c15 {
+  .c16 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c15 {
+  .c16 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c15 {
+  .c16 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c15 {
+  .c16 {
     padding: 0.5rem 0 0;
   }
 }
@@ -5619,41 +5781,41 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </time>
                     </div>
                     <div
-                      class="c4"
+                      class="c6"
                       dir="ltr"
                     >
                       <p
-                        class="c6"
+                        class="c7"
                       >
                         This is a test asset used in Simorgh, please do not edit it without asking.
                       </p>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5666,13 +5828,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5685,31 +5847,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5722,13 +5884,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5741,31 +5903,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5778,13 +5940,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5797,31 +5959,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5834,13 +5996,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5853,31 +6015,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5890,13 +6052,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5909,31 +6071,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5946,13 +6108,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5965,31 +6127,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -6002,13 +6164,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -6290,7 +6452,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
     </script>
   </head>
   <body>
-    .c40 {
+    .c41 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -6300,7 +6462,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   flex-direction: column;
 }
 
-.c41 {
+.c42 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -6319,7 +6481,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   align-items: baseline;
 }
 
-.c42 {
+.c43 {
   font-size: 1.125rem;
   line-height: 1.5rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6339,33 +6501,33 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   align-items: center;
 }
 
-.c38 {
+.c39 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c36 {
+.c37 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c39 {
+.c40 {
   margin: 0;
   padding: 0;
 }
 
-.c34 {
+.c35 {
   margin: 0 auto;
   padding-bottom: 2rem;
 }
 
-.c9 {
+.c10 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c17 {
+.c18 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -6386,7 +6548,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   outline: none;
 }
 
-.c6 {
+.c7 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6397,13 +6559,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   margin: 0;
 }
 
-.c8 {
+.c9 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c13 {
+.c14 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -6415,7 +6577,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   margin: 0;
 }
 
-.c12 {
+.c13 {
   font-size: 0.75rem;
   line-height: 1rem;
   background-color: rgba(34,34,34,0.75);
@@ -6429,7 +6591,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   left: 0;
 }
 
-.c15 {
+.c16 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6440,20 +6602,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   width: 100%;
 }
 
-.c15 > p {
+.c16 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c15 > p:last-child {
+.c16 > p:last-child {
   padding-bottom: 0;
 }
 
-.c15 i {
+.c16 i {
   font-style: normal;
 }
 
-.c50 {
+.c51 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6466,7 +6628,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c11 {
+.c12 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6479,7 +6641,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c19 {
+.c20 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6492,7 +6654,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c21 {
+.c22 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6505,7 +6667,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c22 {
+.c23 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6518,7 +6680,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c23 {
+.c24 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6531,7 +6693,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c24 {
+.c25 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6544,7 +6706,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c25 {
+.c26 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6557,7 +6719,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c26 {
+.c27 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6570,7 +6732,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c27 {
+.c28 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6583,7 +6745,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c28 {
+.c29 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6596,7 +6758,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c29 {
+.c30 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6609,7 +6771,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c30 {
+.c31 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6622,7 +6784,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c31 {
+.c32 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6635,7 +6797,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c32 {
+.c33 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6648,7 +6810,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c33 {
+.c34 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6676,7 +6838,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 1rem;
 }
 
-.c56 {
+.c57 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -6686,53 +6848,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   font-style: normal;
 }
 
-.c45 {
+.c46 {
   padding: 0.5rem 0 1rem;
 }
 
-.c45:first-child {
+.c46:first-child {
   padding-top: 0;
 }
 
-.c45:last-child {
+.c46:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c43 {
+.c44 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c48 {
+.c49 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c52 {
+.c53 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c47 {
+.c48 {
   position: relative;
 }
 
-.c49 {
+.c50 {
   position: relative;
 }
 
-.c51 > * {
+.c52 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c53 {
+.c54 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -6743,7 +6905,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   line-height: 1.25rem;
 }
 
-.c55 {
+.c56 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6754,7 +6916,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 0.5rem;
 }
 
-.c54 {
+.c55 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -6762,7 +6924,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   overflow-wrap: break-word;
 }
 
-.c54:before {
+.c55:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -6774,21 +6936,21 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   z-index: 1;
 }
 
-.c54:hover,
-.c54:focus {
+.c55:hover,
+.c55:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c54:visited {
+.c55:visited {
   color: #6E6E73;
 }
 
-.c35 {
+.c36 {
   margin-bottom: 1rem;
 }
 
-.c37 {
+.c38 {
   margin-top: 0;
 }
 
@@ -6801,7 +6963,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) {
-  .c41 {
+  .c42 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -6810,39 +6972,39 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c42 {
+  .c43 {
     font-size: 1.25rem;
     line-height: 1.625rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c42 {
+  .c43 {
     font-size: 1.5rem;
     line-height: 2rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c42 {
+  .c43 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c42 {
+  .c43 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c38 {
+  .c39 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c38 {
+  .c39 {
     position: absolute;
     left: 0;
     right: 0;
@@ -6851,13 +7013,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) {
-  .c36 {
+  .c37 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c36 {
+  .c37 {
     margin-bottom: 1.5rem;
   }
 }
@@ -6977,7 +7139,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 
 @media (max-width:14.9375rem) {
   .c4 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -6986,7 +7147,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c4 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -6995,7 +7155,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c4 {
-    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7004,7 +7163,6 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c4 {
-    padding: 0 1rem;
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -7034,7 +7192,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (max-width:14.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7042,7 +7201,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7050,7 +7210,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7058,7 +7219,62 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c7 {
+  .c6 {
+    padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c6 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c6 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@supports (display:grid) {
+  .c6 {
+    display: block;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c8 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7066,7 +7282,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c7 {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7074,7 +7290,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:80rem) {
-  .c7 {
+  .c8 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7082,44 +7298,44 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (display:grid) {
-  .c7 {
+  .c8 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c16 {
+  .c17 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c16 {
+  .c17 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c16 {
+  .c17 {
     padding: 0 1rem;
   }
 }
 
 @supports (display:grid) {
-  .c16 {
+  .c17 {
     display: block;
   }
 }
 
 @supports (display:grid) {
-  .c44 {
+  .c45 {
     display: grid;
     position: initial;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c46 {
+  .c47 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -7128,7 +7344,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c46 {
+  .c47 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -7137,7 +7353,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c46 {
+  .c47 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -7146,7 +7362,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c46 {
+  .c47 {
     width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -7155,7 +7371,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c46 {
+  .c47 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -7164,7 +7380,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:80rem) {
-  .c46 {
+  .c47 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -7173,45 +7389,45 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (display:grid) {
-  .c46 {
+  .c47 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c34 {
+  .c35 {
     grid-column-gap: 0.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c34 {
+  .c35 {
     grid-column-gap: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c34 {
+  .c35 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c34 {
+  .c35 {
     grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
     max-width: 45.5rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c34 {
+  .c35 {
     grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
     max-width: 46.4rem;
   }
 }
 
 @supports (display:grid) {
-  .c34 {
+  .c35 {
     display: grid;
     max-width: initial;
     margin: initial;
@@ -7219,158 +7435,158 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (max-width:24.9375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 4;
     margin-left: 1em;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c11 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c14 {
+  .c15 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c14 {
+  .c15 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c14 {
+  .c15 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c14 {
+  .c15 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c9 {
+  .c10 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c9 {
+  .c10 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (max-width:25rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(5,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(8,1fr);
   }
 }
 
 @supports (display:grid) {
-  .c17 {
+  .c18 {
     max-width: initial;
   }
 }
@@ -7396,41 +7612,41 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c7 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c6 {
+  .c7 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c15 {
+  .c16 {
     font-size: 0.9375rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c15 {
+  .c16 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c15 {
+  .c16 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c15 {
+  .c16 {
     padding: 0.5rem 0 0;
   }
 }
@@ -7450,65 +7666,65 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c56 {
+  .c57 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c56 {
+  .c57 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c45 {
+  .c46 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c45 {
+  .c46 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c45 {
+  .c46 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c45:first-child {
+  .c46:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c48 {
+  .c49 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c48 {
+  .c49 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c52 {
+  .c53 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c52 {
+  .c53 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -7516,7 +7732,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c52 {
+  .c53 {
     display: block;
     width: initial;
     padding: initial;
@@ -7525,7 +7741,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c47 {
+  .c48 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -7533,93 +7749,93 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) {
-  .c51 {
+  .c52 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c51 > * {
+  .c52 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c53 {
+  .c54 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c53 {
+  .c54 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c55 {
+  .c56 {
     font-size: 0.9375rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c55 {
+  .c56 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c55 {
+  .c56 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c55 {
+  .c56 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (max-width:63rem) {
-  .c35 {
+  .c36 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c35 {
+  .c36 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c35 {
+  .c36 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c35 {
+  .c36 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c35 {
+  .c36 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c35 {
+  .c36 {
     margin-bottom: 1.5rem;
   }
 }
@@ -7686,41 +7902,41 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </time>
                     </div>
                     <div
-                      class="c4"
+                      class="c6"
                       dir="ltr"
                     >
                       <p
-                        class="c6"
+                        class="c7"
                       >
                         Bu il mayın 28-də Azərbaycan Xalq Cümhuriyyətinin elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca həmin dövrün siyasi xadimlərinin və hadisələrin arxiv fotolarını təqdim edir.
                       </p>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7733,13 +7949,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7752,31 +7968,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c19"
+                              class="c20"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7789,13 +8005,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7808,31 +8024,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c21"
+                              class="c22"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7845,13 +8061,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7864,31 +8080,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c22"
+                              class="c23"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7901,13 +8117,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7920,31 +8136,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c23"
+                              class="c24"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7957,13 +8173,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7976,31 +8192,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c21"
+                              class="c22"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8013,13 +8229,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8032,31 +8248,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c24"
+                              class="c25"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8069,13 +8285,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8088,31 +8304,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c25"
+                              class="c26"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8125,13 +8341,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8144,31 +8360,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c26"
+                              class="c27"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8181,13 +8397,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8200,31 +8416,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c27"
+                              class="c28"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8237,13 +8453,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8256,31 +8472,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c28"
+                              class="c29"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8293,13 +8509,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8312,31 +8528,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c29"
+                              class="c30"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8349,13 +8565,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8368,31 +8584,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c30"
+                              class="c31"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8405,13 +8621,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8424,31 +8640,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c31"
+                              class="c32"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8461,13 +8677,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8480,31 +8696,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c32"
+                              class="c33"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8517,13 +8733,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8536,31 +8752,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c11"
+                              class="c12"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8573,13 +8789,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8592,31 +8808,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c7"
+                      class="c8"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c9"
+                          class="c10"
                         >
                           <div
-                            class="c10"
+                            class="c11"
                           >
                             <div
-                              class="c33"
+                              class="c34"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8629,13 +8845,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c14"
+                            class="c15"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8648,31 +8864,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c21"
+                              class="c22"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8685,13 +8901,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8704,31 +8920,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c8"
+                        class="c9"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c21"
+                              class="c22"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c12"
+                                class="c13"
                                 role="text"
                               >
                                 <span
-                                  class="c13"
+                                  class="c14"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8741,13 +8957,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c15"
+                              class="c16"
                             >
                               <span
-                                class="c13"
+                                class="c14"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8763,29 +8979,29 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                 </main>
                 <section
                   aria-labelledby="related-content-heading"
-                  class="c34"
+                  class="c35"
                   role="region"
                 >
                   <div
-                    class="c35"
+                    class="c36"
                   >
                     <div
-                      class="c36 c37"
+                      class="c37 c38"
                     >
                       <div
-                        class="c38"
+                        class="c39"
                       />
                       <h2
-                        class="c39"
+                        class="c40"
                       >
                         <span
-                          class="c40"
+                          class="c41"
                         >
                           <span
-                            class="c41"
+                            class="c42"
                           >
                             <span
-                              class="c42"
+                              class="c43"
                               dir="ltr"
                               id="related-content-heading"
                             >
@@ -8796,58 +9012,58 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </h2>
                     </div>
                     <ul
-                      class="c43 c44"
+                      class="c44 c45"
                       dir="ltr"
                       role="list"
                     >
                       <li
-                        class="c45 c46"
+                        class="c46 c47"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c48"
                         >
                           <div
-                            class="c48"
+                            class="c49"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c50"
                             >
                               <div
-                                class="c50"
+                                class="c51"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c52"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c53"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c54"
                             >
                               <a
-                                class="c54"
+                                class="c55"
                                 href="/azeri/azerbaijan-44124647"
                               >
                                 ADR və Qazaxdan Qarsadək müsəlman dəhlizi ideyası
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c56"
                             >
                               Bu il Azərbaycan Demokratik Respublikasının elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca bu ərəfədə Azərbaycan xalqının epik və mühüm günlərini həftəlik esselərlə təqdim edir.
                             </p>
                             <time
-                              class="c56"
+                              class="c57"
                               datetime="2018-05-17"
                             >
                               17 May 2018
@@ -8856,53 +9072,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c46 c47"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c48"
                         >
                           <div
-                            class="c48"
+                            class="c49"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c50"
                             >
                               <div
-                                class="c50"
+                                class="c51"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c52"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c53"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c54"
                             >
                               <a
-                                class="c54"
+                                class="c55"
                                 href="/azeri/azerbaijan-43540056"
                               >
                                 ADR-100: Türk Əsgəri üçün Cəbrayıl çörəyi
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c56"
                             >
                               ADR-100 layihəmizdə növbəti yazı: 1918-ci il martın 3-də Bolşeviklər Almaniya, Bolqarıstan, Avstriya-Macarıstan və Osmanlı nümayəndələri ilə Brest-Litovsk Sülh Sazişi imzalayır. İmzalanma Bakının azadlığı ilə nəticələnən bir sıra hadisələrə səbəb olur.
                             </p>
                             <time
-                              class="c56"
+                              class="c57"
                               datetime="2018-03-27"
                             >
                               27 Mart 2018
@@ -8911,53 +9127,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c46 c47"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c48"
                         >
                           <div
-                            class="c48"
+                            class="c49"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c50"
                             >
                               <div
-                                class="c50"
+                                class="c51"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c52"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c53"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c54"
                             >
                               <a
-                                class="c54"
+                                class="c55"
                                 href="/azeri/azerbaijan-44022776"
                               >
                                 Borçalı: Tortdan hərəyə bir tikə - təkbaşına isə onu yemək olmaz
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c56"
                             >
                               #ADR100 layihəmizdə: 1918-1920-ci illərdə Gürcüstanla Azərbaycan arasında əməkdaşlıq yeni respublikalar üçün olduqca mühüm idi. Eyni zamanda Bakı ilə Tbilisi arasında gərginlik yaradan məsələlər mövcud idi. Belə məsələlərdən biri də ərazi mübahisələri idi.
                             </p>
                             <time
-                              class="c56"
+                              class="c57"
                               datetime="2018-05-10"
                             >
                               10 May 2018
@@ -8966,53 +9182,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c46 c47"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c48"
                         >
                           <div
-                            class="c48"
+                            class="c49"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c50"
                             >
                               <div
-                                class="c50"
+                                class="c51"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c52"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c53"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c54"
                             >
                               <a
-                                class="c54"
+                                class="c55"
                                 href="/azeri/azerbaijan-43713137"
                               >
                                 Cümhuriyyət hökuməti Azərbaycanı necə idarə edirdi? İlk 6 ayın hadisələri
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c56"
                             >
                               1918-ci il mayın 28-də Azərbaycanın istiqlaliyyəti elan olunanda bu hadisədən bir gün əvvəl dağılmış Zaqafqaziya Seyminin 44 nəfər müsəlman nümayəndəsi Tiflisdə toplanır və özlərini Azərbaycanın Milli Şurası elan edirlər.
                             </p>
                             <time
-                              class="c56"
+                              class="c57"
                               datetime="2018-04-10"
                             >
                               10 Aprel 2018
@@ -9021,53 +9237,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c46 c47"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c48"
                         >
                           <div
-                            class="c48"
+                            class="c49"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c50"
                             >
                               <div
-                                class="c50"
+                                class="c51"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c52"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c53"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c54"
                             >
                               <a
-                                class="c54"
+                                class="c55"
                                 href="/azeri/azerbaijan-37688691"
                               >
                                 1918-1991: Bir müstəqilliyin iki bəyanı
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c56"
                             >
                               25 il əvvəl bu gün Azərbaycan çökməkdə olan Sovet İttifaqından özünün müstəqillyini bəyan edib. Bu, Azərbaycan Respublikasının ikinci doğuluşu idi.
                             </p>
                             <time
-                              class="c56"
+                              class="c57"
                               datetime="2016-10-18"
                             >
                               18 Oktyabr 2016
@@ -9076,48 +9292,48 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c46 c47"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c48"
                         >
                           <div
-                            class="c48"
+                            class="c49"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c50"
                             >
                               <div
-                                class="c50"
+                                class="c51"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c52"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c53"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c54"
                             >
                               <a
-                                class="c54"
+                                class="c55"
                                 href="/azeri/azerbaijan-37691096"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c13"
+                                    class="c14"
                                   >
                                     , 
                                   </span>
@@ -9128,12 +9344,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c56"
                             >
                               Çərşənbə axşamı şəhər sakinləri BBC Azərbaycancanın "Müstəqillik sizə nə verib?" sualını cavablandırıb.
                             </p>
                             <time
-                              class="c56"
+                              class="c57"
                               datetime="2016-10-18"
                             >
                               18 Oktyabr 2016
@@ -9142,53 +9358,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c46 c47"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c48"
                         >
                           <div
-                            class="c48"
+                            class="c49"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c50"
                             >
                               <div
-                                class="c50"
+                                class="c51"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c52"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c53"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c54"
                             >
                               <a
-                                class="c54"
+                                class="c55"
                                 href="/azeri/azerbaijan-43499221"
                               >
                                 1918-ci ilə baxış: Mayın 28-nə aparan o yaz günlərində həyat necə idi?
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c56"
                             >
                               Bu il Azərbaycan Demokratik Respublikasının elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca bu ərəfədə Azərbaycan xalqının epik və mühüm günlərini həftəlik esselərlə təqdim edəcək.
                             </p>
                             <time
-                              class="c56"
+                              class="c57"
                               datetime="2018-03-22"
                             >
                               22 Mart 2018
@@ -9197,53 +9413,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c46 c47"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c48"
                         >
                           <div
-                            class="c48"
+                            class="c49"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c50"
                             >
                               <div
-                                class="c50"
+                                class="c51"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c52"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c53"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c54"
                             >
                               <a
-                                class="c54"
+                                class="c55"
                                 href="/azeri/azerbaijan-44004471"
                               >
                                 #ADR100 Zaqatala: Azərbaycanın qalib gəldiyi mübahisə
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c56"
                             >
                               Bir çox azərbaycanlı və gürcüstanlı siyasətçiləri anlayırdılar ki, onların içində olduğu həssas dövrdən salamat çıxmaq üçün iqtisadi, siyasi və hərbi müttəfiqlik vacibdir. Eyni zamanda hər iki respublika arasında bir sıra mübahisələr də mövcud idi.
                             </p>
                             <time
-                              class="c56"
+                              class="c57"
                               datetime="2018-05-04"
                             >
                               4 May 2018
@@ -9252,53 +9468,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c45 c46"
+                        class="c46 c47"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c47"
+                          class="c48"
                         >
                           <div
-                            class="c48"
+                            class="c49"
                             dir="ltr"
                           >
                             <div
-                              class="c49"
+                              class="c50"
                             >
                               <div
-                                class="c50"
+                                class="c51"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c51"
+                                class="c52"
                               />
                             </div>
                           </div>
                           <div
-                            class="c52"
+                            class="c53"
                             dir="ltr"
                           >
                             <h3
-                              class="c53"
+                              class="c54"
                             >
                               <a
-                                class="c54"
+                                class="c55"
                                 href="/azeri/azerbaijan-43870815"
                               >
                                 Cümhuriyyət hökumətinin İranla əlaqələri necə idi?
                               </a>
                             </h3>
                             <p
-                              class="c55"
+                              class="c56"
                             >
                               İranın Xəzər sahilinə çıxan bölgələrində Azərbaycan Respublikasını böyük ticari imkanlar gözləyirdi. İran ixracatının 60-70 faizinin istehsalı ənənəvi olaraq məhz həmin regionun payına düşüb. Azərbaycan və xüsusilə Bakı-Batumi dəhlizi isə Avropa bazarına aparan təbii çıxış idi. Bəs milli hökümət iqtisadi imkanları gəlirli xarici ticarətə çevirə bildimi?
                             </p>
                             <time
-                              class="c56"
+                              class="c57"
                               datetime="2018-04-29"
                             >
                               29 Aprel 2018
diff --git a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
index f868376cf4c..74501c4b802 100644
--- a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
@@ -2750,7 +2750,7 @@ exports[`Story Page should not show the pop-out timestamp when allowDateStamp is
 `;
 
 exports[`Story Page snapshots should match snapshot for STY 1`] = `
-.c61 {
+.c62 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2759,7 +2759,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 0.75rem;
 }
 
-.c63 {
+.c64 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2768,7 +2768,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 0.75rem;
 }
 
-.c64 {
+.c65 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -2777,7 +2777,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 0.8125rem;
 }
 
-.c38 {
+.c39 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2787,7 +2787,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   flex-direction: column;
 }
 
-.c39 {
+.c40 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2806,7 +2806,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   align-items: baseline;
 }
 
-.c40 {
+.c41 {
   font-size: 1.125rem;
   line-height: 1.375rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2826,23 +2826,23 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   align-items: center;
 }
 
-.c36 {
+.c37 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c34 {
+.c35 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c37 {
+.c38 {
   margin: 0;
   padding: 0;
 }
 
-.c32 {
+.c33 {
   font-size: 1.25rem;
   line-height: 1.5rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2853,7 +2853,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding: 1.5rem 0;
 }
 
-.c25 {
+.c26 {
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: italic;
@@ -2886,7 +2886,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   outline: none;
 }
 
-.c23 {
+.c24 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -2897,20 +2897,20 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   margin: 0;
 }
 
-.c24 {
+.c25 {
   color: #222222;
   border-bottom: 1px solid #B80000;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c24:visited {
+.c25:visited {
   color: #6E6E73;
   border-bottom: 1px solid #6E6E73;
 }
 
-.c24:focus,
-.c24:hover {
+.c25:focus,
+.c25:hover {
   border-bottom: 2px solid #B80000;
   color: #B80000;
 }
@@ -3009,7 +3009,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding-bottom: 1rem;
 }
 
-.c52 {
+.c53 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -3019,39 +3019,39 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   font-style: normal;
 }
 
-.c30 {
+.c31 {
   padding-top: 56.25%;
   position: relative;
   overflow: hidden;
 }
 
-.c46 {
+.c47 {
   padding: 0.5rem 0 1rem;
 }
 
-.c46:first-child {
+.c47:first-child {
   padding-top: 0;
 }
 
-.c46:last-child {
+.c47:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c45 {
+.c46 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c53 {
+.c54 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c48 {
+.c49 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
@@ -3059,40 +3059,40 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   width: 100%;
 }
 
-.c48 >div {
+.c49 >div {
   vertical-align: middle;
 }
 
-.c48 >div {
+.c49 >div {
   display: inline-block;
   vertical-align: initial;
 }
 
-.c48 svg {
+.c49 svg {
   margin: 0;
 }
 
-.c56 {
+.c57 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c47 {
+.c48 {
   position: relative;
 }
 
-.c54 {
+.c55 {
   position: relative;
 }
 
-.c55 > * {
+.c56 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c49 {
+.c50 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -3104,7 +3104,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   display: inline;
 }
 
-.c57 {
+.c58 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -3115,7 +3115,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   line-height: 1.25rem;
 }
 
-.c51 {
+.c52 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3127,7 +3127,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding-top: 0.5rem;
 }
 
-.c58 {
+.c59 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3138,7 +3138,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   padding-bottom: 0.5rem;
 }
 
-.c50 {
+.c51 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -3146,7 +3146,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   overflow-wrap: break-word;
 }
 
-.c50:before {
+.c51:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -3158,17 +3158,17 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   z-index: 1;
 }
 
-.c50:hover,
-.c50:focus {
+.c51:hover,
+.c51:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c50:visited {
+.c51:visited {
   color: #6E6E73;
 }
 
-.c59 {
+.c60 {
   color: #222222;
   background-color: #FFFFFF;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3179,7 +3179,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   display: block;
 }
 
-.c60 {
+.c61 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3191,11 +3191,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   height: 100%;
 }
 
-.c62 {
+.c63 {
   padding: 0 0.25rem;
 }
 
-.c27 {
+.c28 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3205,7 +3205,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   list-style-type: none;
 }
 
-.c27 > li::before {
+.c28 > li::before {
   content: ' ';
   display: inline-block;
   width: 2rem;
@@ -3213,27 +3213,27 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   margin-left: -2rem;
 }
 
-.c28 {
+.c29 {
   margin-bottom: 1rem;
 }
 
-.c26 {
+.c27 {
   margin-bottom: 1.5rem;
 }
 
-.c29 {
+.c30 {
   margin-top: 0.5rem;
 }
 
-.c29 figure {
+.c30 figure {
   padding-bottom: 0;
 }
 
-.c33 {
+.c34 {
   margin-bottom: 1rem;
 }
 
-.c35 {
+.c36 {
   margin-top: 0;
 }
 
@@ -3282,16 +3282,16 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   margin: 0 auto;
 }
 
-.c65 {
+.c66 {
   margin-bottom: 1.5rem;
   padding: 1rem;
 }
 
-.c44 {
+.c45 {
   margin-bottom: 1.5rem;
 }
 
-.c31 {
+.c32 {
   border: 0;
   left: 0;
   overflow: hidden;
@@ -3302,7 +3302,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) {
-  .c39 {
+  .c40 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -3311,39 +3311,39 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c40 {
+  .c41 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c40 {
+  .c41 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c40 {
+  .c41 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c40 {
+  .c41 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c36 {
+  .c37 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c36 {
+  .c37 {
     position: absolute;
     left: 0;
     right: 0;
@@ -3352,33 +3352,33 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) {
-  .c34 {
+  .c35 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c34 {
+  .c35 {
     margin-bottom: 1.5rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c32 {
+  .c33 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c32 {
+  .c33 {
     font-size: 2rem;
     line-height: 2.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c32 {
+  .c33 {
     padding-top: 2rem;
   }
 }
@@ -3582,7 +3582,6 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 
 @media (max-width:14.9375rem) {
   .c21 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3591,7 +3590,6 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
   .c21 {
-    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3600,7 +3598,6 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
   .c21 {
-    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3609,7 +3606,6 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
   .c21 {
-    padding: 0 1rem;
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -3639,7 +3635,8 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (max-width:14.9375rem) {
-  .c42 {
+  .c23 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3647,7 +3644,8 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c42 {
+  .c23 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3655,7 +3653,8 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c42 {
+  .c23 {
+    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3663,7 +3662,62 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c42 {
+  .c23 {
+    padding: 0 1rem;
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c23 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:80rem) {
+  .c23 {
+    width: calc(83.33333333333333%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@supports (display:grid) {
+  .c23 {
+    display: block;
+  }
+}
+
+@media (max-width:14.9375rem) {
+  .c43 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:15rem) and (max-width:24.9375rem) {
+  .c43 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:25rem) and (max-width:37.4375rem) {
+  .c43 {
+    width: calc(100%);
+    display: inline-block;
+    vertical-align: top;
+  }
+}
+
+@media (min-width:37.5rem) and (max-width:62.9375rem) {
+  .c43 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3671,7 +3725,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c42 {
+  .c43 {
     width: calc(33.333333333333336%);
     display: inline-block;
     vertical-align: top;
@@ -3679,7 +3733,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:80rem) {
-  .c42 {
+  .c43 {
     width: calc(33.333333333333336%);
     display: inline-block;
     vertical-align: top;
@@ -3687,7 +3741,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (display:grid) {
-  .c42 {
+  .c43 {
     display: block;
   }
 }
@@ -3812,14 +3866,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c23 {
+  .c24 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c23 {
+  .c24 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
@@ -3866,65 +3920,65 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c52 {
+  .c53 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c52 {
+  .c53 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c46 {
+  .c47 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c46 {
+  .c47 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c46 {
+  .c47 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c46:first-child {
+  .c47:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c53 {
+  .c54 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c53 {
+  .c54 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c48 {
+  .c49 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c48 {
+  .c49 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -3932,7 +3986,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c48 {
+  .c49 {
     display: block;
     width: initial;
     padding: initial;
@@ -3942,13 +3996,13 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:37.5rem) {
-  .c56 {
+  .c57 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c56 {
+  .c57 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -3956,7 +4010,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c56 {
+  .c57 {
     display: block;
     width: initial;
     padding: initial;
@@ -3965,7 +4019,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c47 {
+  .c48 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -3973,200 +4027,200 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:25rem) {
-  .c55 {
+  .c56 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c55 > * {
+  .c56 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c49 {
+  .c50 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c49 {
+  .c50 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c57 {
+  .c58 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c57 {
+  .c58 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c51 {
+  .c52 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c51 {
+  .c52 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c51 {
+  .c52 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c51 {
+  .c52 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c58 {
+  .c59 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c58 {
+  .c59 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c58 {
+  .c59 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c58 {
+  .c59 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c59 {
+  .c60 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c59 {
+  .c60 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c27 {
+  .c28 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c27 {
+  .c28 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (max-width:63rem) {
-  .c29 {
+  .c30 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c29 {
+  .c30 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c29 {
+  .c30 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c29 {
+  .c30 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c29 {
+  .c30 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:25rem) {
-  .c29 {
+  .c30 {
     margin-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c29 {
+  .c30 {
     padding-top: 0.5rem;
     margin-top: 2rem;
   }
 }
 
 @media (max-width:25rem) {
-  .c33 {
+  .c34 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c33 {
+  .c34 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c33 {
+  .c34 {
     margin-bottom: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c41 {
+  .c42 {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c41 {
+  .c42 {
     padding-bottom: 1.5rem;
   }
 }
@@ -4190,13 +4244,13 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
 }
 
 @media (min-width:63rem) {
-  .c43 {
+  .c44 {
     margin-top: 2rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c44 {
+  .c45 {
     padding: 1rem;
   }
 }
@@ -4563,17 +4617,17 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </time>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           <b>
                              This is introduction text, it should be bold by default, but also support 
                           </b>
                           <a
-                            class="c24"
+                            class="c25"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             inline links
@@ -4584,21 +4638,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           <i
-                            class="c25"
+                            class="c26"
                           >
                             <b>
                               This is a subheadline! that has 
                             </b>
                           </i>
                           <a
-                            class="c24"
+                            class="c25"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             a link
@@ -4609,21 +4663,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <div
-                          class="c26"
+                          class="c27"
                         >
                           <ul
-                            class="c27"
+                            class="c28"
                             dir="ltr"
                             role="list"
                           >
                             <li
-                              class="c28"
+                              class="c29"
                               role="listitem"
                             >
                               This is a unordered list
                             </li>
                             <li
-                              class="c28"
+                              class="c29"
                               role="listitem"
                             >
                               It can have 
@@ -4633,22 +4687,22 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                in it
                             </li>
                             <li
-                              class="c28"
+                              class="c29"
                               role="listitem"
                             >
                               <a
-                                class="c24"
+                                class="c25"
                                 href="https://bbc.com/pidgin/23248703"
                               >
                                 It can also have links
                               </a>
                             </li>
                             <li
-                              class="c28"
+                              class="c29"
                               role="listitem"
                             >
                               <i
-                                class="c25"
+                                class="c26"
                               >
                                 It can even have italic text in it!
                               </i>
@@ -4657,15 +4711,15 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </div>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           Feta the big cheese macaroni cheese. 
                           <a
-                            class="c24"
+                            class="c25"
                             href="https://bbc.com/pidgin/23248703"
                           >
                             Caerphilly danish fontina
@@ -4721,11 +4775,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </figure>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           <b>
                             Start of localised text
@@ -4733,21 +4787,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           Dem say di medicine dey offer more protection against heart attack and stroke, if you take am before you go sleep instead of for morning, dat na wetin new study suggest.
                         </p>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           <b>
                             End of localised text
@@ -4755,15 +4809,15 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           Rubber cheese macaroni 
                           <i
-                            class="c25"
+                            class="c26"
                           >
                             cheese cottage cheese
                           </i>
@@ -4774,21 +4828,21 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <div
-                          class="c26"
+                          class="c27"
                         >
                           <ul
-                            class="c27"
+                            class="c28"
                             dir="ltr"
                             role="list"
                           >
                             <li
-                              class="c28"
+                              class="c29"
                               role="listitem"
                             >
                               This is a ordered list
                             </li>
                             <li
-                              class="c28"
+                              class="c29"
                               role="listitem"
                             >
                               It can have 
@@ -4798,22 +4852,22 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                in it
                             </li>
                             <li
-                              class="c28"
+                              class="c29"
                               role="listitem"
                             >
                               <a
-                                class="c24"
+                                class="c25"
                                 href="https://bbc.com/pidgin/23248703"
                               >
                                 It can also have links
                               </a>
                             </li>
                             <li
-                              class="c28"
+                              class="c29"
                               role="listitem"
                             >
                               <i
-                                class="c25"
+                                class="c26"
                               >
                                 It can even have italic text in it!
                               </i>
@@ -4822,28 +4876,28 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </div>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           Cauliflower cheese bocconcini hard cheese. Port-salut ricotta rubber cheese pecorino queso say cheese danish fontina parmesan. Port-salut lancashire pecorino say cheese stilton jarlsberg when the cheese comes out everybody's happy chalk and cheese. Squirty cheese cheese triangles swiss blue castello fromage mozzarella macaroni cheese cottage cheese. Chalk and cheese parmesan lancashire fondue.
                         </p>
                       </div>
                       <div
-                        class="c29"
+                        class="c30"
                       >
                         <figure
                           class="c12"
                         >
                           <div
-                            class="c30"
+                            class="c31"
                           >
                             <iframe
                               allow="autoplay; fullscreen"
                               allowfullscreen=""
-                              class="c31"
+                              class="c32"
                               scrolling="no"
                               src="https://polling.test.bbc.co.uk/ws/av-embeds/cps/pidgin/world-23252817/p01mr6r9/pcm"
                               title="Media player"
@@ -4856,7 +4910,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <h2
-                          class="c32"
+                          class="c33"
                           id="This-is-a-heading"
                           tabindex="-1"
                         >
@@ -4864,11 +4918,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </h2>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           Squirty cheese dolcelatte say cheese. Brie cut the cheese fondue cow queso cheese on toast dolcelatte chalk and cheese. Queso roquefort manchego pecorino cheese strings manchego melted cheese halloumi. Cream cheese when the cheese comes out everybody's happy rubber cheese macaroni cheese blue castello cheeseburger caerphilly lancashire. Fondue blue castello.
                         </p>
@@ -4877,7 +4931,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         class="c5"
                       >
                         <h2
-                          class="c32"
+                          class="c33"
                           id="This-is-a-crosshead"
                           tabindex="-1"
                         >
@@ -4885,25 +4939,25 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </h2>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           Brie parmesan camembert de normandie. Cottage cheese mozzarella cheesy grin red leicester hard cheese cheesy feet taleggio ricotta. Melted cheese say cheese cut the cheese brie cheese and biscuits cheese slices boursin squirty cheese. Say cheese camembert de normandie.
                         </p>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           <a
                             aria-label="This is an external link to google!, outside"
-                            class="c24"
+                            class="c25"
                             href="https://www.google.com/"
                           >
                             This is an external link to google!
@@ -4911,11 +4965,11 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </p>
                       </div>
                       <div
-                        class="c21"
+                        class="c23"
                         dir="ltr"
                       >
                         <p
-                          class="c23"
+                          class="c24"
                         >
                           Cheese strings stilton cheesy feet. Cheese strings fondue cow fromage edam halloumi cut the cheese cream cheese. Melted cheese brie rubber cheese parmesan cut the cheese queso st. agur blue cheese dolcelatte. Port-salut croque monsieur cheese and wine cheese triangles cheesy grin.
                         </p>
@@ -4923,26 +4977,26 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                     </main>
                     <section
                       aria-labelledby="related-content-heading"
-                      class="c33"
+                      class="c34"
                       role="region"
                     >
                       <div
-                        class="c34 c35"
+                        class="c35 c36"
                       >
                         <div
-                          class="c36"
+                          class="c37"
                         />
                         <h2
-                          class="c37"
+                          class="c38"
                         >
                           <span
-                            class="c38"
+                            class="c39"
                           >
                             <span
-                              class="c39"
+                              class="c40"
                             >
                               <span
-                                class="c40"
+                                class="c41"
                                 dir="ltr"
                                 id="related-content-heading"
                               >
@@ -4953,39 +5007,39 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </h2>
                       </div>
                       <div
-                        class="c41"
+                        class="c42"
                       />
                     </section>
                   </div>
                   <div
-                    class="c42 c43"
+                    class="c43 c44"
                     dir="ltr"
                   >
                     <div
-                      class="c44"
+                      class="c45"
                     >
                       <section
                         aria-labelledby="top-stories-heading"
-                        class="c33"
+                        class="c34"
                         role="region"
                       >
                         <div
-                          class="c34 c35"
+                          class="c35 c36"
                         >
                           <div
-                            class="c36"
+                            class="c37"
                           />
                           <h2
-                            class="c37"
+                            class="c38"
                           >
                             <span
-                              class="c38"
+                              class="c39"
                             >
                               <span
-                                class="c39"
+                                class="c40"
                               >
                                 <span
-                                  class="c40"
+                                  class="c41"
                                   dir="ltr"
                                   id="top-stories-heading"
                                 >
@@ -4996,37 +5050,37 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                           </h2>
                         </div>
                         <ul
-                          class="c45"
+                          class="c46"
                           role="list"
                         >
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c48"
+                                class="c49"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c49"
+                                  class="c50"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/pidgin/23248287"
                                   >
                                     ATMs across the country
                                   </a>
                                 </h3>
                                 <p
-                                  class="c51"
+                                  class="c52"
                                 >
                                   Here we have an article about a particular topic
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2019-09-10"
                                 >
                                   10th September 2019
@@ -5035,33 +5089,33 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c48"
+                                class="c49"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c49"
+                                  class="c50"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/pidgin/tori-23146434"
                                   >
                                     Jacob Zuma: Staying!!!
                                   </a>
                                 </h3>
                                 <p
-                                  class="c51"
+                                  class="c52"
                                 >
                                   Lawmakers for South Africa Parliament don vote make President Jacob Zuma continue dey run things for government.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5070,33 +5124,33 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c48"
+                                class="c49"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c49"
+                                  class="c50"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="https://www.bbc.co.uk/news"
                                   >
                                     Feature promo
                                   </a>
                                 </h3>
                                 <p
-                                  class="c51"
+                                  class="c52"
                                 >
                                   Feature promo summary
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2019-12-06"
                                 >
                                   6th December 2019
@@ -5108,30 +5162,30 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                       </section>
                     </div>
                     <div
-                      class="c44"
+                      class="c45"
                     >
                       <section
                         aria-labelledby="features-analysis-heading"
-                        class="c33"
+                        class="c34"
                         role="region"
                       >
                         <div
-                          class="c34 c35"
+                          class="c35 c36"
                         >
                           <div
-                            class="c36"
+                            class="c37"
                           />
                           <h2
-                            class="c37"
+                            class="c38"
                           >
                             <span
-                              class="c38"
+                              class="c39"
                             >
                               <span
-                                class="c39"
+                                class="c40"
                               >
                                 <span
-                                  class="c40"
+                                  class="c41"
                                   dir="ltr"
                                   id="features-analysis-heading"
                                 >
@@ -5142,22 +5196,22 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                           </h2>
                         </div>
                         <ul
-                          class="c45"
+                          class="c46"
                           role="list"
                         >
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c55"
                                 >
                                   <div
                                     class="c15"
@@ -5167,31 +5221,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c56"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c57"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c58"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/pidgin/tori-23146625"
                                   >
                                     How Lagos Dey Fight Lassa Fever
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c59"
                                 >
                                   100 workers for LUTH dey under observation after two people die from Lassa Fever.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2017-08-09"
                                 >
                                   9th August 2017
@@ -5200,18 +5254,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c55"
                                 >
                                   <div
                                     class="c15"
@@ -5221,19 +5275,19 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c56"
                                   >
                                     <div
                                       aria-hidden="true"
-                                      class="c59"
+                                      class="c60"
                                       dir="ltr"
                                     >
                                       <div
-                                        class="c60"
+                                        class="c61"
                                       >
                                         <svg
                                           aria-hidden="true"
-                                          class="c61"
+                                          class="c62"
                                           focusable="false"
                                           height="12px"
                                           viewBox="0 0 32 32"
@@ -5244,7 +5298,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                           />
                                         </svg>
                                         <time
-                                          class="c62"
+                                          class="c63"
                                           datetime="PT1M7S"
                                         >
                                           1:07
@@ -5255,14 +5309,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c57"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c58"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/pidgin/media-23267821"
                                   >
                                     <span
@@ -5286,12 +5340,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c59"
                                 >
                                   Justin Trudeau has been re-elected prime minister of Canada with a reduced share of the vote.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2020-02-17"
                                 >
                                   17th February 2020
@@ -5300,18 +5354,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c55"
                                 >
                                   <div
                                     class="c15"
@@ -5321,19 +5375,19 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c56"
                                   >
                                     <div
                                       aria-hidden="true"
-                                      class="c59"
+                                      class="c60"
                                       dir="ltr"
                                     >
                                       <div
-                                        class="c60"
+                                        class="c61"
                                       >
                                         <svg
                                           aria-hidden="true"
-                                          class="c63"
+                                          class="c64"
                                           focusable="false"
                                           height="12px"
                                           viewBox="0 0 13 12"
@@ -5352,14 +5406,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c57"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c58"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/pidgin/23267823"
                                   >
                                     <span
@@ -5378,12 +5432,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c59"
                                 >
                                   Kojey Radical and guests discuss how to write about something you’ve not experienced.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2020-02-17"
                                 >
                                   17th February 2020
@@ -5392,18 +5446,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c55"
                                 >
                                   <div
                                     class="c15"
@@ -5413,31 +5467,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c56"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c57"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c58"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/pidgin/tori-23169387"
                                   >
                                     Libya: omo ile Ghana márùndínláàdóje pada sile
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c59"
                                 >
                                   Omo Orileede Ghana to le ni márùndínláàdóje ti pada sile lati Libya ti won ti lo se atipo, leyin ti fonran fihan wipe won n ta won bi eru.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2017-12-05"
                                 >
                                   5th December 2017
@@ -5446,18 +5500,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c55"
                                 >
                                   <div
                                     class="c15"
@@ -5467,31 +5521,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c56"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c57"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c58"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/news/world-africa-23143884"
                                   >
                                     Like Scaramucci, Like Others
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c59"
                                 >
                                   President Trump sack Anthony Scaramucci after ten days for office, but wetin happen to Scaramucci don happen to other people before.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5500,18 +5554,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c55"
                                 >
                                   <div
                                     class="c15"
@@ -5521,31 +5575,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c56"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c57"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c58"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/pidgin/tori-23146975"
                                   >
                                     Anambra Attack: 'My Friend Uchenna na Nice Girl'- Gabros
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c59"
                                 >
                                   Chukwuka Gabros tell BBC about Im friend wey die for the church attack for Ozubulu, Anambra State.
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2017-08-09"
                                 >
                                   9th August 2017
@@ -5554,18 +5608,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c55"
                                 >
                                   <div
                                     class="c15"
@@ -5575,31 +5629,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c56"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c57"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c58"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="https://www.bbc.com/pidgin/sport-51434980"
                                   >
                                     Man City vs West Ham: Bad weather force Premier League to cancel Sunday match
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c59"
                                 >
                                   Man City vs West Ham: Bad weather force Premier League to cancel Sunday match
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2020-02-17"
                                 >
                                   17th February 2020
@@ -5608,18 +5662,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c55"
                                 >
                                   <div
                                     class="c15"
@@ -5629,31 +5683,31 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c56"
                                   />
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c57"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c58"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/pidgin/tori-23145776"
                                   >
                                     Anambra Church: Police Arrest 3
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c59"
                                 >
                                   Governor Willie Obiano of Anambra State bin don promise say government go handle the matter sharp, sharp
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5662,18 +5716,18 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                             </div>
                           </li>
                           <li
-                            class="c46"
+                            class="c47"
                             role="listitem"
                           >
                             <div
-                              class="c47"
+                              class="c48"
                             >
                               <div
-                                class="c53"
+                                class="c54"
                                 dir="ltr"
                               >
                                 <div
-                                  class="c54"
+                                  class="c55"
                                 >
                                   <div
                                     class="c15"
@@ -5683,19 +5737,19 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                     />
                                   </div>
                                   <div
-                                    class="c55"
+                                    class="c56"
                                   >
                                     <div
                                       aria-hidden="true"
-                                      class="c59"
+                                      class="c60"
                                       dir="ltr"
                                     >
                                       <div
-                                        class="c60"
+                                        class="c61"
                                       >
                                         <svg
                                           aria-hidden="true"
-                                          class="c64"
+                                          class="c65"
                                           focusable="false"
                                           height="13px"
                                           viewBox="0 0 32 26"
@@ -5716,14 +5770,14 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                 </div>
                               </div>
                               <div
-                                class="c56"
+                                class="c57"
                                 dir="ltr"
                               >
                                 <h3
-                                  class="c57"
+                                  class="c58"
                                 >
                                   <a
-                                    class="c50"
+                                    class="c51"
                                     href="/pidgin/23146654"
                                   >
                                     <span
@@ -5742,12 +5796,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                                   </a>
                                 </h3>
                                 <p
-                                  class="c58"
+                                  class="c59"
                                 >
                                   This na some of the picture wey our eye see as Kenya people go vote for election today
                                 </p>
                                 <time
-                                  class="c52"
+                                  class="c53"
                                   datetime="2017-08-08"
                                 >
                                   8th August 2017
@@ -5759,7 +5813,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                       </section>
                     </div>
                     <div
-                      class="c65"
+                      class="c66"
                     />
                   </div>
                 </div>

From 8fee0842d3867985098fe58810a97d2cdff2ef41 Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Tue, 26 May 2020 15:37:41 +0300
Subject: [PATCH 12/12] Hold off handling vertical spacing in grid

---
 src/app/containers/ArticleTimestamp/index.jsx |    7 +-
 .../__snapshots__/index.test.jsx.snap         |    6 +-
 .../__snapshots__/index.test.jsx.snap         | 2426 ++++++++---------
 .../__snapshots__/index.test.jsx.snap         |   67 +-
 4 files changed, 1227 insertions(+), 1279 deletions(-)

diff --git a/src/app/containers/ArticleTimestamp/index.jsx b/src/app/containers/ArticleTimestamp/index.jsx
index 4d37fd1b1bc..884758d9b9b 100644
--- a/src/app/containers/ArticleTimestamp/index.jsx
+++ b/src/app/containers/ArticleTimestamp/index.jsx
@@ -1,7 +1,10 @@
 import React, { useContext } from 'react';
 import { number, bool, string } from 'prop-types';
 import Timestamp from '@bbc/psammead-timestamp-container';
-import { PopOutGridItemMedium, GridItem } from '#lib/styledGrid';
+import {
+  PopOutGridItemMedium,
+  GridItemConstrainedMedium,
+} from '#lib/styledGrid';
 import { ServiceContext } from '#contexts/ServiceContext';
 import { formatDateNumeric } from './timeFormats';
 import {
@@ -60,7 +63,7 @@ const ArticleTimestamp = ({
     prefix: articleTimestampPrefix,
   };
 
-  const Wrapper = popOut ? PopOutGridItemMedium : GridItem;
+  const Wrapper = popOut ? PopOutGridItemMedium : GridItemConstrainedMedium;
 
   const displayLastUpdatedTimestamp = shouldDisplayLastUpdatedTimestamp({
     minutesTolerance,
diff --git a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
index 8c512030729..bce6b164e4b 100644
--- a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
@@ -61,8 +61,7 @@ exports[`Media Asset Page AV player should render version (live audio stream) 1`
                 </strong>
               </div>
               <div
-                class="GridComponent-nf79gm-0 eRZeLk"
-                dir="ltr"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj StyledTimestamp-oo43dv-1 jqCfrG"
               >
                 <time
                   class="StyledTimestamp-um718p-0 bAgcOD"
@@ -438,8 +437,7 @@ exports[`Media Asset Page should render component 1`] = `
                 </strong>
               </div>
               <div
-                class="GridComponent-nf79gm-0 eRZeLk"
-                dir="ltr"
+                class="GridItemConstrainedMedium-sc-12lwanc-3 imiJTj StyledTimestamp-oo43dv-1 jqCfrG"
               >
                 <time
                   class="StyledTimestamp-um718p-0 bAgcOD"
diff --git a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
index b3952fa6a6e..d4bac834b93 100644
--- a/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/PhotoGalleryPage/__snapshots__/index.test.jsx.snap
@@ -1508,12 +1508,16 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
     </script>
   </head>
   <body>
-    .c10 {
+    .c4 {
+  grid-column: 1 / span 6;
+}
+
+.c11 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c17 {
+.c18 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -1534,7 +1538,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   outline: none;
 }
 
-.c7 {
+.c8 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -1545,13 +1549,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   margin: 0;
 }
 
-.c9 {
+.c10 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c15 {
+.c16 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -1563,7 +1567,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   margin: 0;
 }
 
-.c14 {
+.c15 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -1574,20 +1578,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   width: 100%;
 }
 
-.c14 > p {
+.c15 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c14 > p:last-child {
+.c15 > p:last-child {
   padding-bottom: 0;
 }
 
-.c14 i {
+.c15 i {
   font-style: normal;
 }
 
-.c12 {
+.c13 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1600,7 +1604,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c19 {
+.c20 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1613,7 +1617,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c21 {
+.c22 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -1626,7 +1630,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c5 {
+.c6 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -1637,7 +1641,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   padding-bottom: 0.25rem;
 }
 
-.c5:last-child {
+.c6:last-child {
   padding-bottom: 1rem;
 }
 
@@ -1649,6 +1653,10 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   padding-bottom: 1.5rem;
 }
 
+.c5 {
+  padding-bottom: 1rem;
+}
+
 @media (max-width:14.9375rem) {
   .c1 {
     width: calc(100%);
@@ -1763,7 +1771,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (max-width:14.9375rem) {
-  .c4 {
+  .c7 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1771,7 +1780,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c4 {
+  .c7 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1779,7 +1789,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c4 {
+  .c7 {
+    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1787,7 +1798,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c4 {
+  .c7 {
+    padding: 0 1rem;
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -1795,7 +1807,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c4 {
+  .c7 {
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -1803,7 +1815,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:80rem) {
-  .c4 {
+  .c7 {
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -1811,14 +1823,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @supports (display:grid) {
-  .c4 {
+  .c7 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c6 {
-    padding: 0 0.5rem;
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1826,8 +1837,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c6 {
-    padding: 0 0.5rem;
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1835,8 +1845,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c6 {
-    padding: 0 1rem;
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -1844,267 +1853,251 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c6 {
-    padding: 0 1rem;
-    width: calc(83.33333333333333%);
+  .c9 {
+    width: calc(100%);
     display: inline-block;
     vertical-align: top;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c6 {
-    width: calc(83.33333333333333%);
+  .c9 {
+    width: calc(100%);
     display: inline-block;
     vertical-align: top;
   }
 }
 
 @media (min-width:80rem) {
-  .c6 {
-    width: calc(83.33333333333333%);
+  .c9 {
+    width: calc(100%);
     display: inline-block;
     vertical-align: top;
   }
 }
 
 @supports (display:grid) {
-  .c6 {
+  .c9 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+  .c17 {
+    padding: 0 0.5rem;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+  .c17 {
+    padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+  .c17 {
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+@supports (display:grid) {
+  .c17 {
+    display: block;
   }
 }
 
-@media (min-width:80rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+@media (max-width:25rem) {
+  .c4 {
+    padding: 0 0.5rem;
   }
 }
 
-@supports (display:grid) {
-  .c8 {
-    display: block;
+@media (min-width:25rem) and (max-width:62.9375rem) {
+  .c4 {
+    padding: 0 1rem;
   }
 }
 
-@media (max-width:14.9375rem) {
-  .c16 {
-    padding: 0 0.5rem;
+@media (min-width:37.5rem) {
+  .c4 {
+    grid-column: 1 / span 5;
+    max-width: 83.33%;
   }
 }
 
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c16 {
-    padding: 0 0.5rem;
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c4 {
+    grid-column: 3 / span 5;
+    max-width: 37.75rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c16 {
-    padding: 0 1rem;
+@media (min-width:80rem) {
+  .c4 {
+    grid-column: 6 / span 10;
+    max-width: 38.5rem;
   }
 }
 
 @supports (display:grid) {
-  .c16 {
-    display: block;
+  .c4 {
+    max-width: initial;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 4;
     margin-left: 1em;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c18 {
+  .c19 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c20 {
+  .c21 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c10 {
+  .c11 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c11 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (max-width:25rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(5,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c17 {
+  .c18 {
     grid-template-columns: repeat(8,1fr);
   }
 }
 
 @supports (display:grid) {
-  .c17 {
+  .c18 {
     max-width: initial;
   }
 }
@@ -2130,54 +2123,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c7 {
+  .c8 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c7 {
+  .c8 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c14 {
+  .c15 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c14 {
+  .c15 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c14 {
+  .c15 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c14 {
+  .c15 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c6 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c6 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
@@ -2196,6 +2189,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
   }
 }
 
+@media (min-width:63rem) {
+  .c5 {
+    padding-bottom: 1.5rem;
+  }
+}
+
 <div>
       <div
         id="ContextsContainer"
@@ -2234,41 +2233,40 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </h1>
                     </div>
                     <div
-                      class="c4"
-                      dir="ltr"
+                      class="c4 c5"
                     >
                       <time
-                        class="c5"
+                        class="c6"
                         datetime="2017-09-21"
                       >
                         21 Fuulbaana 2017
                       </time>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <p
-                        class="c7"
+                        class="c8"
                       >
                         Manneen durii 5 Magaalaa Finfinnee keessaa daawwachuu qabdan
                       </p>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2277,13 +2275,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2296,20 +2294,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2318,13 +2316,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2337,20 +2335,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c16"
+                      class="c17"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c17"
+                          class="c18"
                         >
                           <div
-                            class="c18"
+                            class="c19"
                           >
                             <div
-                              class="c19"
+                              class="c20"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2359,13 +2357,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c20"
+                            class="c21"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2378,20 +2376,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c21"
+                              class="c22"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2400,13 +2398,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2419,20 +2417,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2441,13 +2439,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2460,20 +2458,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c21"
+                              class="c22"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2482,13 +2480,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2501,20 +2499,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2523,13 +2521,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2542,20 +2540,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2564,13 +2562,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2583,20 +2581,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2605,13 +2603,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2624,20 +2622,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2646,13 +2644,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2665,20 +2663,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2687,13 +2685,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2706,20 +2704,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2728,13 +2726,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2747,20 +2745,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2769,13 +2767,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2788,20 +2786,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2810,13 +2808,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -2829,20 +2827,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -2851,13 +2849,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with about t
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Ibsa waa'ee suuraa, 
                               </span>
@@ -3115,7 +3113,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
     </script>
   </head>
   <body>
-    .c41 {
+    .c42 {
   vertical-align: middle;
   margin: 0 0.25rem;
   color: #222222;
@@ -3124,7 +3122,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   height: 0.8125rem;
 }
 
-.c22 {
+.c23 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3134,7 +3132,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   flex-direction: column;
 }
 
-.c23 {
+.c24 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3153,7 +3151,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   align-items: baseline;
 }
 
-.c24 {
+.c25 {
   font-size: 1.125rem;
   line-height: 1.375rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3173,28 +3171,32 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   align-items: center;
 }
 
-.c20 {
+.c21 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c18 {
+.c19 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c21 {
+.c22 {
   margin: 0;
   padding: 0;
 }
 
-.c16 {
+.c17 {
   margin: 0 auto;
   padding-bottom: 2rem;
 }
 
-.c10 {
+.c4 {
+  grid-column: 1 / span 6;
+}
+
+.c11 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -3215,7 +3217,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   outline: none;
 }
 
-.c7 {
+.c8 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3226,13 +3228,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   margin: 0;
 }
 
-.c9 {
+.c10 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c15 {
+.c16 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -3244,7 +3246,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   margin: 0;
 }
 
-.c14 {
+.c15 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3255,20 +3257,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   width: 100%;
 }
 
-.c14 > p {
+.c15 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c14 > p:last-child {
+.c15 > p:last-child {
   padding-bottom: 0;
 }
 
-.c14 i {
+.c15 i {
   font-style: normal;
 }
 
-.c38 {
+.c39 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -3281,7 +3283,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c12 {
+.c13 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -3294,7 +3296,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c5 {
+.c6 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -3305,11 +3307,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 0.25rem;
 }
 
-.c5:last-child {
+.c6:last-child {
   padding-bottom: 1rem;
 }
 
-.c37 {
+.c38 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -3319,53 +3321,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   font-style: normal;
 }
 
-.c27 {
+.c28 {
   padding: 0.5rem 0 1rem;
 }
 
-.c27:first-child {
+.c28:first-child {
   padding-top: 0;
 }
 
-.c27:last-child {
+.c28:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c25 {
+.c26 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c30 {
+.c31 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c33 {
+.c34 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c29 {
+.c30 {
   position: relative;
 }
 
-.c31 {
+.c32 {
   position: relative;
 }
 
-.c32 > * {
+.c33 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c34 {
+.c35 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -3376,7 +3378,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   line-height: 1.25rem;
 }
 
-.c36 {
+.c37 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3387,7 +3389,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 0.5rem;
 }
 
-.c35 {
+.c36 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -3395,7 +3397,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   overflow-wrap: break-word;
 }
 
-.c35:before {
+.c36:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -3407,17 +3409,17 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   z-index: 1;
 }
 
-.c35:hover,
-.c35:focus {
+.c36:hover,
+.c36:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c35:visited {
+.c36:visited {
   color: #6E6E73;
 }
 
-.c39 {
+.c40 {
   color: #222222;
   background-color: #FFFFFF;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -3428,7 +3430,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   display: block;
 }
 
-.c40 {
+.c41 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3440,11 +3442,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   height: 100%;
 }
 
-.c17 {
+.c18 {
   margin-bottom: 1rem;
 }
 
-.c19 {
+.c20 {
   margin-top: 0;
 }
 
@@ -3456,8 +3458,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   padding-bottom: 1.5rem;
 }
 
+.c5 {
+  padding-bottom: 1rem;
+}
+
 @media (min-width:37.5rem) {
-  .c23 {
+  .c24 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -3466,39 +3472,39 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c24 {
+  .c25 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c24 {
+  .c25 {
     font-size: 1.5rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c24 {
+  .c25 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c24 {
+  .c25 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c20 {
+  .c21 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c20 {
+  .c21 {
     position: absolute;
     left: 0;
     right: 0;
@@ -3507,13 +3513,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) {
-  .c18 {
+  .c19 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c18 {
+  .c19 {
     margin-bottom: 1.5rem;
   }
 }
@@ -3632,61 +3638,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (max-width:14.9375rem) {
-  .c4 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c4 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c4 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c4 {
-    width: calc(83.33333333333333%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c4 {
-    width: calc(83.33333333333333%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:80rem) {
-  .c4 {
-    width: calc(83.33333333333333%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@supports (display:grid) {
-  .c4 {
-    display: block;
-  }
-}
-
-@media (max-width:14.9375rem) {
-  .c6 {
+  .c7 {
     padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
@@ -3695,7 +3647,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c6 {
+  .c7 {
     padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
@@ -3704,7 +3656,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c7 {
     padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
@@ -3713,7 +3665,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c6 {
+  .c7 {
     padding: 0 1rem;
     width: calc(83.33333333333333%);
     display: inline-block;
@@ -3722,7 +3674,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c6 {
+  .c7 {
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -3730,7 +3682,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:80rem) {
-  .c6 {
+  .c7 {
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -3738,13 +3690,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (display:grid) {
-  .c6 {
+  .c7 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3752,7 +3704,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3760,7 +3712,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3768,7 +3720,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3776,7 +3728,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3784,7 +3736,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:80rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -3792,20 +3744,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (display:grid) {
-  .c8 {
+  .c9 {
     display: block;
   }
 }
 
 @supports (display:grid) {
-  .c26 {
+  .c27 {
     display: grid;
     position: initial;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c28 {
+  .c29 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3814,7 +3766,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c28 {
+  .c29 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3823,7 +3775,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c28 {
+  .c29 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -3832,7 +3784,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c28 {
+  .c29 {
     width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3841,7 +3793,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c28 {
+  .c29 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3850,7 +3802,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:80rem) {
-  .c28 {
+  .c29 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -3859,107 +3811,146 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (display:grid) {
-  .c28 {
+  .c29 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c16 {
+  .c17 {
     grid-column-gap: 0.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c16 {
+  .c17 {
     grid-column-gap: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
     max-width: 45.5rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c16 {
+  .c17 {
     grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
     max-width: 46.4rem;
   }
 }
 
 @supports (display:grid) {
-  .c16 {
+  .c17 {
     display: grid;
     max-width: initial;
     margin: initial;
   }
 }
 
+@media (max-width:25rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:62.9375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c4 {
+    grid-column: 1 / span 5;
+    max-width: 83.33%;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c4 {
+    grid-column: 3 / span 5;
+    max-width: 37.75rem;
+  }
+}
+
+@media (min-width:80rem) {
+  .c4 {
+    grid-column: 6 / span 10;
+    max-width: 38.5rem;
+  }
+}
+
+@supports (display:grid) {
+  .c4 {
+    max-width: initial;
+  }
+}
+
 @media (max-width:37.4375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c13 {
+  .c14 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c10 {
+  .c11 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c11 {
     grid-template-columns: repeat(12,1fr);
   }
 }
@@ -3985,119 +3976,119 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c7 {
+  .c8 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c7 {
+  .c8 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c14 {
+  .c15 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c14 {
+  .c15 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c14 {
+  .c15 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c14 {
+  .c15 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c6 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c6 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c37 {
+  .c38 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c37 {
+  .c38 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c27 {
+  .c28 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c27 {
+  .c28 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c27 {
+  .c28 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c27:first-child {
+  .c28:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c30 {
+  .c31 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c30 {
+  .c31 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c33 {
+  .c34 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c33 {
+  .c34 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -4105,7 +4096,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c33 {
+  .c34 {
     display: block;
     width: initial;
     padding: initial;
@@ -4114,7 +4105,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c29 {
+  .c30 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -4122,107 +4113,107 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 }
 
 @media (min-width:25rem) {
-  .c32 {
+  .c33 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c32 > * {
+  .c33 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c34 {
+  .c35 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c34 {
+  .c35 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c36 {
+  .c37 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c36 {
+  .c37 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c36 {
+  .c37 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c36 {
+  .c37 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c39 {
+  .c40 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c39 {
+  .c40 {
     font-size: 0.75rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:63rem) {
-  .c17 {
+  .c18 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c17 {
+  .c18 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c17 {
+  .c18 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c17 {
+  .c18 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c17 {
+  .c18 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c17 {
+  .c18 {
     margin-bottom: 1.5rem;
   }
 }
@@ -4240,6 +4231,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
   }
 }
 
+@media (min-width:63rem) {
+  .c5 {
+    padding-bottom: 1.5rem;
+  }
+}
+
 <div>
       <div
         id="ContextsContainer"
@@ -4278,41 +4275,40 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </h1>
                     </div>
                     <div
-                      class="c4"
-                      dir="ltr"
+                      class="c4 c5"
                     >
                       <time
-                        class="c5"
+                        class="c6"
                         datetime="2019-08-03"
                       >
                         3 August 2019
                       </time>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <p
-                        class="c7"
+                        class="c8"
                       >
                         Bole Festival wey dey celebrate one popular street food, special dish of roasted plantain and fish with pepper sauce, don start for Port Harcourt Rivers state
                       </p>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4321,13 +4317,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4340,20 +4336,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4362,13 +4358,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4381,20 +4377,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4403,13 +4399,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4422,20 +4418,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4444,13 +4440,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4463,20 +4459,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4485,13 +4481,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4504,20 +4500,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4526,13 +4522,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4545,20 +4541,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4567,13 +4563,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4586,20 +4582,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4608,13 +4604,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4627,20 +4623,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4649,13 +4645,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4668,20 +4664,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4690,13 +4686,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4709,20 +4705,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
@@ -4731,13 +4727,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c13"
+                            class="c14"
                           >
                             <figcaption
-                              class="c14"
+                              class="c15"
                             >
                               <span
-                                class="c15"
+                                class="c16"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -4753,29 +4749,29 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                 </main>
                 <section
                   aria-labelledby="related-content-heading"
-                  class="c16"
+                  class="c17"
                   role="region"
                 >
                   <div
-                    class="c17"
+                    class="c18"
                   >
                     <div
-                      class="c18 c19"
+                      class="c19 c20"
                     >
                       <div
-                        class="c20"
+                        class="c21"
                       />
                       <h2
-                        class="c21"
+                        class="c22"
                       >
                         <span
-                          class="c22"
+                          class="c23"
                         >
                           <span
-                            class="c23"
+                            class="c24"
                           >
                             <span
-                              class="c24"
+                              class="c25"
                               dir="ltr"
                               id="related-content-heading"
                             >
@@ -4786,53 +4782,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                       </h2>
                     </div>
                     <ul
-                      class="c25 c26"
+                      class="c26 c27"
                       dir="ltr"
                       role="list"
                     >
                       <li
-                        class="c27 c28"
+                        class="c28 c29"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c29"
+                          class="c30"
                         >
                           <div
-                            class="c30"
+                            class="c31"
                             dir="ltr"
                           >
                             <div
-                              class="c31"
+                              class="c32"
                             >
                               <div
-                                class="c12"
+                                class="c13"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c32"
+                                class="c33"
                               />
                             </div>
                           </div>
                           <div
-                            class="c33"
+                            class="c34"
                             dir="ltr"
                           >
                             <h3
-                              class="c34"
+                              class="c35"
                             >
                               <a
-                                class="c35"
+                                class="c36"
                                 href="/pidgin/media-45132087"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c15"
+                                    class="c16"
                                   >
                                     , 
                                   </span>
@@ -4843,12 +4839,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                               </a>
                             </h3>
                             <p
-                              class="c36"
+                              class="c37"
                             >
                               Bole festival showcase di different types of bole dem.
                             </p>
                             <time
-                              class="c37"
+                              class="c38"
                               datetime="2018-08-09"
                             >
                               9th August 2018
@@ -4857,37 +4853,37 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                         </div>
                       </li>
                       <li
-                        class="c27 c28"
+                        class="c28 c29"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c29"
+                          class="c30"
                         >
                           <div
-                            class="c30"
+                            class="c31"
                             dir="ltr"
                           >
                             <div
-                              class="c31"
+                              class="c32"
                             >
                               <div
-                                class="c38"
+                                class="c39"
                               />
                               <div
-                                class="c32"
+                                class="c33"
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="c39"
+                                  class="c40"
                                   dir="ltr"
                                 >
                                   <div
-                                    class="c40"
+                                    class="c41"
                                   >
                                     <svg
                                       aria-hidden="true"
-                                      class="c41"
+                                      class="c42"
                                       focusable="false"
                                       height="13px"
                                       viewBox="0 0 32 26"
@@ -4908,21 +4904,21 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                             </div>
                           </div>
                           <div
-                            class="c33"
+                            class="c34"
                             dir="ltr"
                           >
                             <h3
-                              class="c34"
+                              class="c35"
                             >
                               <a
-                                class="c35"
+                                class="c36"
                                 href="/pidgin/tori-45242255"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c15"
+                                    class="c16"
                                   >
                                     Image gallery
                                     , 
@@ -4934,12 +4930,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
                               </a>
                             </h3>
                             <p
-                              class="c36"
+                              class="c37"
                             >
                               Jollof Festival happun for Lagos Nigeria on Sunday and na time for pipo wey show to sample West Africa fine food dem.
                             </p>
                             <time
-                              class="c37"
+                              class="c38"
                               datetime="2018-08-19"
                             >
                               19th August 2018
@@ -4961,7 +4957,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with all CPS
 `;
 
 exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onward journeys 1`] = `
-.c10 {
+.c4 {
+  grid-column: 1 / span 6;
+}
+
+.c11 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -4982,7 +4982,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   outline: none;
 }
 
-.c7 {
+.c8 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -4993,13 +4993,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   margin: 0;
 }
 
-.c9 {
+.c10 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c14 {
+.c15 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -5011,7 +5011,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   margin: 0;
 }
 
-.c13 {
+.c14 {
   font-size: 0.75rem;
   line-height: 1rem;
   background-color: rgba(34,34,34,0.75);
@@ -5025,7 +5025,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   left: 0;
 }
 
-.c16 {
+.c17 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -5036,20 +5036,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   width: 100%;
 }
 
-.c16 > p {
+.c17 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c16 > p:last-child {
+.c17 > p:last-child {
   padding-bottom: 0;
 }
 
-.c16 i {
+.c17 i {
   font-style: normal;
 }
 
-.c12 {
+.c13 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -5062,7 +5062,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c5 {
+.c6 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -5073,7 +5073,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   padding-bottom: 0.25rem;
 }
 
-.c5:last-child {
+.c6:last-child {
   padding-bottom: 1rem;
 }
 
@@ -5085,6 +5085,10 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   padding-bottom: 1.5rem;
 }
 
+.c5 {
+  padding-bottom: 1rem;
+}
+
 @media (max-width:14.9375rem) {
   .c1 {
     width: calc(100%);
@@ -5199,7 +5203,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (max-width:14.9375rem) {
-  .c4 {
+  .c7 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5207,7 +5212,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c4 {
+  .c7 {
+    padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5215,7 +5221,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c4 {
+  .c7 {
+    padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5223,7 +5230,8 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c4 {
+  .c7 {
+    padding: 0 1rem;
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -5231,7 +5239,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c4 {
+  .c7 {
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -5239,7 +5247,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:80rem) {
-  .c4 {
+  .c7 {
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -5247,14 +5255,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @supports (display:grid) {
-  .c4 {
+  .c7 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c6 {
-    padding: 0 0.5rem;
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5262,8 +5269,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c6 {
-    padding: 0 0.5rem;
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5271,8 +5277,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c6 {
-    padding: 0 1rem;
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -5280,146 +5285,130 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c6 {
-    padding: 0 1rem;
-    width: calc(83.33333333333333%);
+  .c9 {
+    width: calc(100%);
     display: inline-block;
     vertical-align: top;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c6 {
-    width: calc(83.33333333333333%);
+  .c9 {
+    width: calc(100%);
     display: inline-block;
     vertical-align: top;
   }
 }
 
 @media (min-width:80rem) {
-  .c6 {
-    width: calc(83.33333333333333%);
+  .c9 {
+    width: calc(100%);
     display: inline-block;
     vertical-align: top;
   }
 }
 
 @supports (display:grid) {
-  .c6 {
+  .c9 {
     display: block;
   }
 }
 
-@media (max-width:14.9375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+@media (max-width:25rem) {
+  .c4 {
+    padding: 0 0.5rem;
   }
 }
 
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+@media (min-width:25rem) and (max-width:62.9375rem) {
+  .c4 {
+    padding: 0 1rem;
   }
 }
 
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+@media (min-width:37.5rem) {
+  .c4 {
+    grid-column: 1 / span 5;
+    max-width: 83.33%;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+  .c4 {
+    grid-column: 3 / span 5;
+    max-width: 37.75rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c8 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
+  .c4 {
+    grid-column: 6 / span 10;
+    max-width: 38.5rem;
   }
 }
 
 @supports (display:grid) {
-  .c8 {
-    display: block;
+  .c4 {
+    max-width: initial;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c10 {
+  .c11 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c11 {
     grid-template-columns: repeat(12,1fr);
   }
 }
@@ -5445,54 +5434,54 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c7 {
+  .c8 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c7 {
+  .c8 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c16 {
+  .c17 {
     font-size: 0.9375rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c16 {
+  .c17 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c16 {
+  .c17 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c16 {
+  .c17 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c6 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c6 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
@@ -5511,6 +5500,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
   }
 }
 
+@media (min-width:63rem) {
+  .c5 {
+    padding-bottom: 1.5rem;
+  }
+}
+
 <html
   dir="ltr"
   lang="pcm"
@@ -5770,52 +5765,51 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </h1>
                     </div>
                     <div
-                      class="c4"
-                      dir="ltr"
+                      class="c4 c5"
                     >
                       <time
-                        class="c5"
+                        class="c6"
                         datetime="2019-10-23"
                       >
                         23 October 2019
                       </time>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <p
-                        class="c7"
+                        class="c8"
                       >
                         This is a test asset used in Simorgh, please do not edit it without asking.
                       </p>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5828,13 +5822,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5847,31 +5841,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5884,13 +5878,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5903,31 +5897,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5940,13 +5934,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -5959,31 +5953,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -5996,13 +5990,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -6015,31 +6009,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -6052,13 +6046,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -6071,31 +6065,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -6108,13 +6102,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -6127,31 +6121,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Wia dis foto come from, 
                                 </span>
@@ -6164,13 +6158,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with no onwa
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Wetin we call dis foto, 
                               </span>
@@ -6452,7 +6446,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
     </script>
   </head>
   <body>
-    .c41 {
+    .c42 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -6462,7 +6456,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   flex-direction: column;
 }
 
-.c42 {
+.c43 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -6481,7 +6475,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   align-items: baseline;
 }
 
-.c43 {
+.c44 {
   font-size: 1.125rem;
   line-height: 1.5rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6501,33 +6495,37 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   align-items: center;
 }
 
-.c39 {
+.c40 {
   border-top: 0.0625rem solid #AEAEB5;
   z-index: -1;
 }
 
-.c37 {
+.c38 {
   position: relative;
   z-index: 0;
   margin-top: 2rem;
 }
 
-.c40 {
+.c41 {
   margin: 0;
   padding: 0;
 }
 
-.c35 {
+.c36 {
   margin: 0 auto;
   padding-bottom: 2rem;
 }
 
-.c10 {
+.c4 {
+  grid-column: 1 / span 6;
+}
+
+.c11 {
   display: grid;
   grid-column-gap: 1rem;
 }
 
-.c18 {
+.c19 {
   display: grid;
   grid-column-gap: 1rem;
 }
@@ -6548,7 +6546,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   outline: none;
 }
 
-.c7 {
+.c8 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6559,13 +6557,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   margin: 0;
 }
 
-.c9 {
+.c10 {
   margin: 0;
   padding-bottom: 1.5rem;
   width: 100%;
 }
 
-.c14 {
+.c15 {
   -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
   -webkit-clip: rect(1px,1px,1px,1px);
@@ -6577,7 +6575,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   margin: 0;
 }
 
-.c13 {
+.c14 {
   font-size: 0.75rem;
   line-height: 1rem;
   background-color: rgba(34,34,34,0.75);
@@ -6591,7 +6589,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   left: 0;
 }
 
-.c16 {
+.c17 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6602,20 +6600,20 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   width: 100%;
 }
 
-.c16 > p {
+.c17 > p {
   padding-bottom: 1.5rem;
   margin: 0;
 }
 
-.c16 > p:last-child {
+.c17 > p:last-child {
   padding-bottom: 0;
 }
 
-.c16 i {
+.c17 i {
   font-style: normal;
 }
 
-.c51 {
+.c52 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6628,7 +6626,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c12 {
+.c13 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6641,7 +6639,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c20 {
+.c21 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6654,7 +6652,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c22 {
+.c23 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6667,7 +6665,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c23 {
+.c24 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6680,7 +6678,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c24 {
+.c25 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6693,7 +6691,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c25 {
+.c26 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6706,7 +6704,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c26 {
+.c27 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6719,7 +6717,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c27 {
+.c28 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6732,7 +6730,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c28 {
+.c29 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6745,7 +6743,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c29 {
+.c30 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6758,7 +6756,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c30 {
+.c31 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6771,7 +6769,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c31 {
+.c32 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6784,7 +6782,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c32 {
+.c33 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6797,7 +6795,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c33 {
+.c34 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6810,7 +6808,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c34 {
+.c35 {
   position: relative;
   height: 0;
   overflow: hidden;
@@ -6823,7 +6821,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
 }
 
-.c5 {
+.c6 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -6834,11 +6832,11 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 0.25rem;
 }
 
-.c5:last-child {
+.c6:last-child {
   padding-bottom: 1rem;
 }
 
-.c57 {
+.c58 {
   font-size: 0.875rem;
   line-height: 1.125rem;
   color: #6E6E73;
@@ -6848,53 +6846,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   font-style: normal;
 }
 
-.c46 {
+.c47 {
   padding: 0.5rem 0 1rem;
 }
 
-.c46:first-child {
+.c47:first-child {
   padding-top: 0;
 }
 
-.c46:last-child {
+.c47:last-child {
   padding-bottom: 0;
   border: none;
 }
 
-.c44 {
+.c45 {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-.c49 {
+.c50 {
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 33.33%;
 }
 
-.c53 {
+.c54 {
   display: inline-block;
   vertical-align: top;
   width: 66.67%;
   padding: 0 0.5rem;
 }
 
-.c48 {
+.c49 {
   position: relative;
 }
 
-.c50 {
+.c51 {
   position: relative;
 }
 
-.c52 > * {
+.c53 > * {
   height: 2rem;
   padding: 0.5rem 0.25rem;
 }
 
-.c54 {
+.c55 {
   color: #222222;
   margin: 0;
   padding-bottom: 0.5rem;
@@ -6905,7 +6903,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   line-height: 1.25rem;
 }
 
-.c56 {
+.c57 {
   font-size: 0.9375rem;
   line-height: 1.25rem;
   font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
@@ -6916,7 +6914,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 0.5rem;
 }
 
-.c55 {
+.c56 {
   position: static;
   color: #222222;
   -webkit-text-decoration: none;
@@ -6924,7 +6922,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   overflow-wrap: break-word;
 }
 
-.c55:before {
+.c56:before {
   bottom: 0;
   content: '';
   left: 0;
@@ -6936,21 +6934,21 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   z-index: 1;
 }
 
-.c55:hover,
-.c55:focus {
+.c56:hover,
+.c56:focus {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c55:visited {
+.c56:visited {
   color: #6E6E73;
 }
 
-.c36 {
+.c37 {
   margin-bottom: 1rem;
 }
 
-.c38 {
+.c39 {
   margin-top: 0;
 }
 
@@ -6962,8 +6960,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   padding-bottom: 1.5rem;
 }
 
+.c5 {
+  padding-bottom: 1rem;
+}
+
 @media (min-width:37.5rem) {
-  .c42 {
+  .c43 {
     -webkit-align-items: stretch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
@@ -6972,39 +6974,39 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c43 {
+  .c44 {
     font-size: 1.25rem;
     line-height: 1.625rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c43 {
+  .c44 {
     font-size: 1.5rem;
     line-height: 2rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c43 {
+  .c44 {
     margin: 0;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c43 {
+  .c44 {
     padding-right: 1rem;
   }
 }
 
 @media screen and (-ms-high-contrast:active) {
-  .c39 {
+  .c40 {
     border-color: windowText;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c39 {
+  .c40 {
     position: absolute;
     left: 0;
     right: 0;
@@ -7013,13 +7015,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) {
-  .c37 {
+  .c38 {
     margin-top: 1.5rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c37 {
+  .c38 {
     margin-bottom: 1.5rem;
   }
 }
@@ -7138,61 +7140,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (max-width:14.9375rem) {
-  .c4 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c4 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c4 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c4 {
-    width: calc(83.33333333333333%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c4 {
-    width: calc(83.33333333333333%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:80rem) {
-  .c4 {
-    width: calc(83.33333333333333%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@supports (display:grid) {
-  .c4 {
-    display: block;
-  }
-}
-
-@media (max-width:14.9375rem) {
-  .c6 {
+  .c7 {
     padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
@@ -7201,7 +7149,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c6 {
+  .c7 {
     padding: 0 0.5rem;
     width: calc(100%);
     display: inline-block;
@@ -7210,7 +7158,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c6 {
+  .c7 {
     padding: 0 1rem;
     width: calc(100%);
     display: inline-block;
@@ -7219,7 +7167,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c6 {
+  .c7 {
     padding: 0 1rem;
     width: calc(83.33333333333333%);
     display: inline-block;
@@ -7228,7 +7176,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c6 {
+  .c7 {
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -7236,7 +7184,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:80rem) {
-  .c6 {
+  .c7 {
     width: calc(83.33333333333333%);
     display: inline-block;
     vertical-align: top;
@@ -7244,13 +7192,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (display:grid) {
-  .c6 {
+  .c7 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7258,7 +7206,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7266,7 +7214,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7274,7 +7222,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7282,7 +7230,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7290,7 +7238,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:80rem) {
-  .c8 {
+  .c9 {
     width: calc(100%);
     display: inline-block;
     vertical-align: top;
@@ -7298,44 +7246,44 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (display:grid) {
-  .c8 {
+  .c9 {
     display: block;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c17 {
+  .c18 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c17 {
+  .c18 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c17 {
+  .c18 {
     padding: 0 1rem;
   }
 }
 
 @supports (display:grid) {
-  .c17 {
+  .c18 {
     display: block;
   }
 }
 
 @supports (display:grid) {
-  .c45 {
+  .c46 {
     display: grid;
     position: initial;
   }
 }
 
 @media (max-width:14.9375rem) {
-  .c47 {
+  .c48 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -7344,7 +7292,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:15rem) and (max-width:24.9375rem) {
-  .c47 {
+  .c48 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -7353,7 +7301,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c47 {
+  .c48 {
     width: calc(6/6*(100% - 6 * 0.5rem) + 5 * 0.5rem );
     margin: 0 0.25rem;
     display: inline-block;
@@ -7362,7 +7310,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c47 {
+  .c48 {
     width: calc(6/6*(100% - 6 * 1rem) + 5 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -7371,7 +7319,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c47 {
+  .c48 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -7380,7 +7328,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:80rem) {
-  .c47 {
+  .c48 {
     width: calc(4/8*(100% - 8 * 1rem) + 3 * 1rem );
     margin: 0 0.5rem;
     display: inline-block;
@@ -7389,204 +7337,243 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (display:grid) {
-  .c47 {
+  .c48 {
     display: block;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c35 {
+  .c36 {
     grid-column-gap: 0.5rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c35 {
+  .c36 {
     grid-column-gap: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c35 {
+  .c36 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c35 {
+  .c36 {
     grid-template-columns: 1fr repeat(8,minmax(0,6.75rem)) 1fr;
     max-width: 45.5rem;
   }
 }
 
 @media (min-width:80rem) {
-  .c35 {
+  .c36 {
     grid-template-columns: 1fr repeat(20,minmax(0,2.95rem)) 1fr;
     max-width: 46.4rem;
   }
 }
 
 @supports (display:grid) {
-  .c35 {
+  .c36 {
     display: grid;
     max-width: initial;
     margin: initial;
   }
 }
 
+@media (max-width:25rem) {
+  .c4 {
+    padding: 0 0.5rem;
+  }
+}
+
+@media (min-width:25rem) and (max-width:62.9375rem) {
+  .c4 {
+    padding: 0 1rem;
+  }
+}
+
+@media (min-width:37.5rem) {
+  .c4 {
+    grid-column: 1 / span 5;
+    max-width: 83.33%;
+  }
+}
+
+@media (min-width:63rem) and (max-width:79.9375rem) {
+  .c4 {
+    grid-column: 3 / span 5;
+    max-width: 37.75rem;
+  }
+}
+
+@media (min-width:80rem) {
+  .c4 {
+    grid-column: 6 / span 10;
+    max-width: 38.5rem;
+  }
+}
+
+@supports (display:grid) {
+  .c4 {
+    max-width: initial;
+  }
+}
+
 @media (max-width:24.9375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 4;
     margin-left: 1em;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c19 {
+  .c20 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c21 {
+  .c22 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c21 {
+  .c22 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c21 {
+  .c22 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c21 {
+  .c22 {
     grid-column: 1 / span 4;
   }
 }
 
 @media (min-width:80rem) {
-  .c21 {
+  .c22 {
     grid-column: 1 / span 8;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c11 {
+  .c12 {
     grid-column: 1 / span 12;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 5;
   }
 }
 
 @media (min-width:80rem) {
-  .c15 {
+  .c16 {
     grid-column: 1 / span 10;
   }
 }
 
 @media (max-width:79.9375rem) {
-  .c10 {
+  .c11 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c10 {
+  .c11 {
     grid-template-columns: repeat(12,1fr);
   }
 }
 
 @media (max-width:25rem) {
-  .c18 {
+  .c19 {
     grid-template-columns: repeat(6,1fr);
   }
 }
 
 @media (min-width:25rem) and (max-width:37.4375rem) {
-  .c18 {
+  .c19 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c18 {
+  .c19 {
     grid-template-columns: repeat(5,1fr);
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c18 {
+  .c19 {
     grid-template-columns: repeat(4,1fr);
   }
 }
 
 @media (min-width:80rem) {
-  .c18 {
+  .c19 {
     grid-template-columns: repeat(8,1fr);
   }
 }
 
 @supports (display:grid) {
-  .c18 {
+  .c19 {
     max-width: initial;
   }
 }
@@ -7612,119 +7599,119 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c7 {
+  .c8 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c7 {
+  .c8 {
     font-size: 1rem;
     line-height: 1.375rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c16 {
+  .c17 {
     font-size: 0.9375rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c16 {
+  .c17 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c16 {
+  .c17 {
     padding: 0.5rem 1rem 0;
   }
 }
 
 @media (min-width:63rem) {
-  .c16 {
+  .c17 {
     padding: 0.5rem 0 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c5 {
+  .c6 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c5 {
+  .c6 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c57 {
+  .c58 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c57 {
+  .c58 {
     font-size: 0.8125rem;
     line-height: 1rem;
   }
 }
 
 @media (max-width:62.9375rem) {
-  .c46 {
+  .c47 {
     border-bottom: 0.0625rem solid #F2F2F2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c46 {
+  .c47 {
     padding: 1rem 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c46 {
+  .c47 {
     padding: 0 0 1.5rem;
   }
 }
 
 @media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c46:first-child {
+  .c47:first-child {
     padding-top: 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c49 {
+  .c50 {
     display: block;
     width: 100%;
   }
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c49 {
+  .c50 {
     width: initial;
     grid-column: 1 / span 2;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c53 {
+  .c54 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:63rem) {
-  .c53 {
+  .c54 {
     display: block;
     width: 100%;
     padding: 0.5rem 0;
@@ -7732,7 +7719,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c53 {
+  .c54 {
     display: block;
     width: initial;
     padding: initial;
@@ -7741,7 +7728,7 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @supports (grid-template-columns:fit-content(200px)) {
-  .c48 {
+  .c49 {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     grid-column-gap: 0.5rem;
@@ -7749,93 +7736,93 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
 }
 
 @media (min-width:25rem) {
-  .c52 {
+  .c53 {
     position: absolute;
     bottom: 0;
   }
 }
 
 @media (max-width:24.9375rem) {
-  .c52 > * {
+  .c53 > * {
     height: 1.25rem;
     padding: 0.25rem 0.25rem 0;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c54 {
+  .c55 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c54 {
+  .c55 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:20rem) and (max-width:37.4375rem) {
-  .c56 {
+  .c57 {
     font-size: 0.9375rem;
     line-height: 1.25rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c56 {
+  .c57 {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }
 }
 
 @media (max-width:37.4375rem) {
-  .c56 {
+  .c57 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (min-width:63rem) {
-  .c56 {
+  .c57 {
     display: none;
     visibility: hidden;
   }
 }
 
 @media (max-width:63rem) {
-  .c36 {
+  .c37 {
     grid-column: 1 / span 6;
   }
 }
 
 @media (min-width:63rem) and (max-width:79.9375rem) {
-  .c36 {
+  .c37 {
     grid-column: 3 / span 6;
   }
 }
 
 @media (min-width:80rem) {
-  .c36 {
+  .c37 {
     grid-column: 6 / span 12;
   }
 }
 
 @media (max-width:25rem) {
-  .c36 {
+  .c37 {
     padding: 0 0.5rem;
   }
 }
 
 @media (min-width:25rem) and (max-width:62.9375rem) {
-  .c36 {
+  .c37 {
     padding: 0 1rem;
   }
 }
 
 @media (min-width:37.5rem) {
-  .c36 {
+  .c37 {
     margin-bottom: 1.5rem;
   }
 }
@@ -7853,6 +7840,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
   }
 }
 
+@media (min-width:63rem) {
+  .c5 {
+    padding-bottom: 1.5rem;
+  }
+}
+
 <div>
       <div
         id="ContextsContainer"
@@ -7891,52 +7884,51 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </h1>
                     </div>
                     <div
-                      class="c4"
-                      dir="ltr"
+                      class="c4 c5"
                     >
                       <time
-                        class="c5"
+                        class="c6"
                         datetime="2018-05-27"
                       >
                         27 May 2018
                       </time>
                     </div>
                     <div
-                      class="c6"
+                      class="c7"
                       dir="ltr"
                     >
                       <p
-                        class="c7"
+                        class="c8"
                       >
                         Bu il mayın 28-də Azərbaycan Xalq Cümhuriyyətinin elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca həmin dövrün siyasi xadimlərinin və hadisələrin arxiv fotolarını təqdim edir.
                       </p>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -7949,13 +7941,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -7968,31 +7960,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c20"
+                              class="c21"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8005,13 +7997,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8024,31 +8016,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c22"
+                              class="c23"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8061,13 +8053,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8080,31 +8072,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c23"
+                              class="c24"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8117,13 +8109,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8136,31 +8128,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c24"
+                              class="c25"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8173,13 +8165,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8192,31 +8184,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c22"
+                              class="c23"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8229,13 +8221,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8248,31 +8240,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c25"
+                              class="c26"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8285,13 +8277,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8304,31 +8296,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c26"
+                              class="c27"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8341,13 +8333,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8360,31 +8352,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c27"
+                              class="c28"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8397,13 +8389,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8416,31 +8408,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c28"
+                              class="c29"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8453,13 +8445,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8472,31 +8464,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c29"
+                              class="c30"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8509,13 +8501,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8528,31 +8520,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c30"
+                              class="c31"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8565,13 +8557,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8584,31 +8576,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c31"
+                              class="c32"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8621,13 +8613,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8640,31 +8632,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c32"
+                              class="c33"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8677,13 +8669,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8696,31 +8688,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c33"
+                              class="c34"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8733,13 +8725,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8752,31 +8744,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c12"
+                              class="c13"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8789,13 +8781,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8808,31 +8800,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c8"
+                      class="c9"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c10"
+                          class="c11"
                         >
                           <div
-                            class="c11"
+                            class="c12"
                           >
                             <div
-                              class="c34"
+                              class="c35"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8845,13 +8837,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c15"
+                            class="c16"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8864,31 +8856,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c22"
+                              class="c23"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8901,13 +8893,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8920,31 +8912,31 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </figure>
                     </div>
                     <div
-                      class="c17"
+                      class="c18"
                       dir="ltr"
                     >
                       <figure
-                        class="c9"
+                        class="c10"
                       >
                         <div
-                          class="c18"
+                          class="c19"
                         >
                           <div
-                            class="c19"
+                            class="c20"
                           >
                             <div
-                              class="c22"
+                              class="c23"
                             >
                               <div
                                 class="lazyload-placeholder"
                               />
                               <noscript />
                               <p
-                                class="c13"
+                                class="c14"
                                 role="text"
                               >
                                 <span
-                                  class="c14"
+                                  class="c15"
                                 >
                                   Şəklin mənbəyi, 
                                 </span>
@@ -8957,13 +8949,13 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                             </div>
                           </div>
                           <div
-                            class="c21"
+                            class="c22"
                           >
                             <figcaption
-                              class="c16"
+                              class="c17"
                             >
                               <span
-                                class="c14"
+                                class="c15"
                               >
                                 Şəklin alt yazısı, 
                               </span>
@@ -8979,29 +8971,29 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                 </main>
                 <section
                   aria-labelledby="related-content-heading"
-                  class="c35"
+                  class="c36"
                   role="region"
                 >
                   <div
-                    class="c36"
+                    class="c37"
                   >
                     <div
-                      class="c37 c38"
+                      class="c38 c39"
                     >
                       <div
-                        class="c39"
+                        class="c40"
                       />
                       <h2
-                        class="c40"
+                        class="c41"
                       >
                         <span
-                          class="c41"
+                          class="c42"
                         >
                           <span
-                            class="c42"
+                            class="c43"
                           >
                             <span
-                              class="c43"
+                              class="c44"
                               dir="ltr"
                               id="related-content-heading"
                             >
@@ -9012,58 +9004,58 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                       </h2>
                     </div>
                     <ul
-                      class="c44 c45"
+                      class="c45 c46"
                       dir="ltr"
                       role="list"
                     >
                       <li
-                        class="c46 c47"
+                        class="c47 c48"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c48"
+                          class="c49"
                         >
                           <div
-                            class="c49"
+                            class="c50"
                             dir="ltr"
                           >
                             <div
-                              class="c50"
+                              class="c51"
                             >
                               <div
-                                class="c51"
+                                class="c52"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c52"
+                                class="c53"
                               />
                             </div>
                           </div>
                           <div
-                            class="c53"
+                            class="c54"
                             dir="ltr"
                           >
                             <h3
-                              class="c54"
+                              class="c55"
                             >
                               <a
-                                class="c55"
+                                class="c56"
                                 href="/azeri/azerbaijan-44124647"
                               >
                                 ADR və Qazaxdan Qarsadək müsəlman dəhlizi ideyası
                               </a>
                             </h3>
                             <p
-                              class="c56"
+                              class="c57"
                             >
                               Bu il Azərbaycan Demokratik Respublikasının elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca bu ərəfədə Azərbaycan xalqının epik və mühüm günlərini həftəlik esselərlə təqdim edir.
                             </p>
                             <time
-                              class="c57"
+                              class="c58"
                               datetime="2018-05-17"
                             >
                               17 May 2018
@@ -9072,53 +9064,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c46 c47"
+                        class="c47 c48"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c48"
+                          class="c49"
                         >
                           <div
-                            class="c49"
+                            class="c50"
                             dir="ltr"
                           >
                             <div
-                              class="c50"
+                              class="c51"
                             >
                               <div
-                                class="c51"
+                                class="c52"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c52"
+                                class="c53"
                               />
                             </div>
                           </div>
                           <div
-                            class="c53"
+                            class="c54"
                             dir="ltr"
                           >
                             <h3
-                              class="c54"
+                              class="c55"
                             >
                               <a
-                                class="c55"
+                                class="c56"
                                 href="/azeri/azerbaijan-43540056"
                               >
                                 ADR-100: Türk Əsgəri üçün Cəbrayıl çörəyi
                               </a>
                             </h3>
                             <p
-                              class="c56"
+                              class="c57"
                             >
                               ADR-100 layihəmizdə növbəti yazı: 1918-ci il martın 3-də Bolşeviklər Almaniya, Bolqarıstan, Avstriya-Macarıstan və Osmanlı nümayəndələri ilə Brest-Litovsk Sülh Sazişi imzalayır. İmzalanma Bakının azadlığı ilə nəticələnən bir sıra hadisələrə səbəb olur.
                             </p>
                             <time
-                              class="c57"
+                              class="c58"
                               datetime="2018-03-27"
                             >
                               27 Mart 2018
@@ -9127,53 +9119,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c46 c47"
+                        class="c47 c48"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c48"
+                          class="c49"
                         >
                           <div
-                            class="c49"
+                            class="c50"
                             dir="ltr"
                           >
                             <div
-                              class="c50"
+                              class="c51"
                             >
                               <div
-                                class="c51"
+                                class="c52"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c52"
+                                class="c53"
                               />
                             </div>
                           </div>
                           <div
-                            class="c53"
+                            class="c54"
                             dir="ltr"
                           >
                             <h3
-                              class="c54"
+                              class="c55"
                             >
                               <a
-                                class="c55"
+                                class="c56"
                                 href="/azeri/azerbaijan-44022776"
                               >
                                 Borçalı: Tortdan hərəyə bir tikə - təkbaşına isə onu yemək olmaz
                               </a>
                             </h3>
                             <p
-                              class="c56"
+                              class="c57"
                             >
                               #ADR100 layihəmizdə: 1918-1920-ci illərdə Gürcüstanla Azərbaycan arasında əməkdaşlıq yeni respublikalar üçün olduqca mühüm idi. Eyni zamanda Bakı ilə Tbilisi arasında gərginlik yaradan məsələlər mövcud idi. Belə məsələlərdən biri də ərazi mübahisələri idi.
                             </p>
                             <time
-                              class="c57"
+                              class="c58"
                               datetime="2018-05-10"
                             >
                               10 May 2018
@@ -9182,53 +9174,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c46 c47"
+                        class="c47 c48"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c48"
+                          class="c49"
                         >
                           <div
-                            class="c49"
+                            class="c50"
                             dir="ltr"
                           >
                             <div
-                              class="c50"
+                              class="c51"
                             >
                               <div
-                                class="c51"
+                                class="c52"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c52"
+                                class="c53"
                               />
                             </div>
                           </div>
                           <div
-                            class="c53"
+                            class="c54"
                             dir="ltr"
                           >
                             <h3
-                              class="c54"
+                              class="c55"
                             >
                               <a
-                                class="c55"
+                                class="c56"
                                 href="/azeri/azerbaijan-43713137"
                               >
                                 Cümhuriyyət hökuməti Azərbaycanı necə idarə edirdi? İlk 6 ayın hadisələri
                               </a>
                             </h3>
                             <p
-                              class="c56"
+                              class="c57"
                             >
                               1918-ci il mayın 28-də Azərbaycanın istiqlaliyyəti elan olunanda bu hadisədən bir gün əvvəl dağılmış Zaqafqaziya Seyminin 44 nəfər müsəlman nümayəndəsi Tiflisdə toplanır və özlərini Azərbaycanın Milli Şurası elan edirlər.
                             </p>
                             <time
-                              class="c57"
+                              class="c58"
                               datetime="2018-04-10"
                             >
                               10 Aprel 2018
@@ -9237,53 +9229,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c46 c47"
+                        class="c47 c48"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c48"
+                          class="c49"
                         >
                           <div
-                            class="c49"
+                            class="c50"
                             dir="ltr"
                           >
                             <div
-                              class="c50"
+                              class="c51"
                             >
                               <div
-                                class="c51"
+                                class="c52"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c52"
+                                class="c53"
                               />
                             </div>
                           </div>
                           <div
-                            class="c53"
+                            class="c54"
                             dir="ltr"
                           >
                             <h3
-                              class="c54"
+                              class="c55"
                             >
                               <a
-                                class="c55"
+                                class="c56"
                                 href="/azeri/azerbaijan-37688691"
                               >
                                 1918-1991: Bir müstəqilliyin iki bəyanı
                               </a>
                             </h3>
                             <p
-                              class="c56"
+                              class="c57"
                             >
                               25 il əvvəl bu gün Azərbaycan çökməkdə olan Sovet İttifaqından özünün müstəqillyini bəyan edib. Bu, Azərbaycan Respublikasının ikinci doğuluşu idi.
                             </p>
                             <time
-                              class="c57"
+                              class="c58"
                               datetime="2016-10-18"
                             >
                               18 Oktyabr 2016
@@ -9292,48 +9284,48 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c46 c47"
+                        class="c47 c48"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c48"
+                          class="c49"
                         >
                           <div
-                            class="c49"
+                            class="c50"
                             dir="ltr"
                           >
                             <div
-                              class="c50"
+                              class="c51"
                             >
                               <div
-                                class="c51"
+                                class="c52"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c52"
+                                class="c53"
                               />
                             </div>
                           </div>
                           <div
-                            class="c53"
+                            class="c54"
                             dir="ltr"
                           >
                             <h3
-                              class="c54"
+                              class="c55"
                             >
                               <a
-                                class="c55"
+                                class="c56"
                                 href="/azeri/azerbaijan-37691096"
                               >
                                 <span
                                   role="text"
                                 >
                                   <span
-                                    class="c14"
+                                    class="c15"
                                   >
                                     , 
                                   </span>
@@ -9344,12 +9336,12 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                               </a>
                             </h3>
                             <p
-                              class="c56"
+                              class="c57"
                             >
                               Çərşənbə axşamı şəhər sakinləri BBC Azərbaycancanın "Müstəqillik sizə nə verib?" sualını cavablandırıb.
                             </p>
                             <time
-                              class="c57"
+                              class="c58"
                               datetime="2016-10-18"
                             >
                               18 Oktyabr 2016
@@ -9358,53 +9350,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c46 c47"
+                        class="c47 c48"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c48"
+                          class="c49"
                         >
                           <div
-                            class="c49"
+                            class="c50"
                             dir="ltr"
                           >
                             <div
-                              class="c50"
+                              class="c51"
                             >
                               <div
-                                class="c51"
+                                class="c52"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c52"
+                                class="c53"
                               />
                             </div>
                           </div>
                           <div
-                            class="c53"
+                            class="c54"
                             dir="ltr"
                           >
                             <h3
-                              class="c54"
+                              class="c55"
                             >
                               <a
-                                class="c55"
+                                class="c56"
                                 href="/azeri/azerbaijan-43499221"
                               >
                                 1918-ci ilə baxış: Mayın 28-nə aparan o yaz günlərində həyat necə idi?
                               </a>
                             </h3>
                             <p
-                              class="c56"
+                              class="c57"
                             >
                               Bu il Azərbaycan Demokratik Respublikasının elan edilməsinin 100 illik yubileyidir. BBC Azərbaycanca bu ərəfədə Azərbaycan xalqının epik və mühüm günlərini həftəlik esselərlə təqdim edəcək.
                             </p>
                             <time
-                              class="c57"
+                              class="c58"
                               datetime="2018-03-22"
                             >
                               22 Mart 2018
@@ -9413,53 +9405,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c46 c47"
+                        class="c47 c48"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c48"
+                          class="c49"
                         >
                           <div
-                            class="c49"
+                            class="c50"
                             dir="ltr"
                           >
                             <div
-                              class="c50"
+                              class="c51"
                             >
                               <div
-                                class="c51"
+                                class="c52"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c52"
+                                class="c53"
                               />
                             </div>
                           </div>
                           <div
-                            class="c53"
+                            class="c54"
                             dir="ltr"
                           >
                             <h3
-                              class="c54"
+                              class="c55"
                             >
                               <a
-                                class="c55"
+                                class="c56"
                                 href="/azeri/azerbaijan-44004471"
                               >
                                 #ADR100 Zaqatala: Azərbaycanın qalib gəldiyi mübahisə
                               </a>
                             </h3>
                             <p
-                              class="c56"
+                              class="c57"
                             >
                               Bir çox azərbaycanlı və gürcüstanlı siyasətçiləri anlayırdılar ki, onların içində olduğu həssas dövrdən salamat çıxmaq üçün iqtisadi, siyasi və hərbi müttəfiqlik vacibdir. Eyni zamanda hər iki respublika arasında bir sıra mübahisələr də mövcud idi.
                             </p>
                             <time
-                              class="c57"
+                              class="c58"
                               datetime="2018-05-04"
                             >
                               4 May 2018
@@ -9468,53 +9460,53 @@ exports[`Photo Gallery Page snapshots should match snapshot for PGL with non-CPS
                         </div>
                       </li>
                       <li
-                        class="c46 c47"
+                        class="c47 c48"
                         dir="ltr"
                         role="listitem"
                       >
                         <div
-                          class="c48"
+                          class="c49"
                         >
                           <div
-                            class="c49"
+                            class="c50"
                             dir="ltr"
                           >
                             <div
-                              class="c50"
+                              class="c51"
                             >
                               <div
-                                class="c51"
+                                class="c52"
                               >
                                 <div
                                   class="lazyload-placeholder"
                                 />
                               </div>
                               <div
-                                class="c52"
+                                class="c53"
                               />
                             </div>
                           </div>
                           <div
-                            class="c53"
+                            class="c54"
                             dir="ltr"
                           >
                             <h3
-                              class="c54"
+                              class="c55"
                             >
                               <a
-                                class="c55"
+                                class="c56"
                                 href="/azeri/azerbaijan-43870815"
                               >
                                 Cümhuriyyət hökumətinin İranla əlaqələri necə idi?
                               </a>
                             </h3>
                             <p
-                              class="c56"
+                              class="c57"
                             >
                               İranın Xəzər sahilinə çıxan bölgələrində Azərbaycan Respublikasını böyük ticari imkanlar gözləyirdi. İran ixracatının 60-70 faizinin istehsalı ənənəvi olaraq məhz həmin regionun payına düşüb. Azərbaycan və xüsusilə Bakı-Batumi dəhlizi isə Avropa bazarına aparan təbii çıxış idi. Bəs milli hökümət iqtisadi imkanları gəlirli xarici ticarətə çevirə bildimi?
                             </p>
                             <time
-                              class="c57"
+                              class="c58"
                               datetime="2018-04-29"
                             >
                               29 Aprel 2018
diff --git a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
index 74501c4b802..2a2dd0e3883 100644
--- a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
+++ b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
@@ -3269,6 +3269,10 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   color: #5A5A5A;
 }
 
+.c21 {
+  padding-bottom: 1rem;
+}
+
 .c6 {
   padding-bottom: 1rem;
 }
@@ -3580,60 +3584,6 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   }
 }
 
-@media (max-width:14.9375rem) {
-  .c21 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:15rem) and (max-width:24.9375rem) {
-  .c21 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:25rem) and (max-width:37.4375rem) {
-  .c21 {
-    width: calc(100%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:37.5rem) and (max-width:62.9375rem) {
-  .c21 {
-    width: calc(83.33333333333333%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:63rem) and (max-width:79.9375rem) {
-  .c21 {
-    width: calc(83.33333333333333%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@media (min-width:80rem) {
-  .c21 {
-    width: calc(83.33333333333333%);
-    display: inline-block;
-    vertical-align: top;
-  }
-}
-
-@supports (display:grid) {
-  .c21 {
-    display: block;
-  }
-}
-
 @media (max-width:14.9375rem) {
   .c23 {
     padding: 0 0.5rem;
@@ -4231,6 +4181,12 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
   }
 }
 
+@media (min-width:63rem) {
+  .c21 {
+    padding-bottom: 1.5rem;
+  }
+}
+
 @media (min-width:63rem) {
   .c6 {
     padding-bottom: 1.5rem;
@@ -4606,8 +4562,7 @@ exports[`Story Page snapshots should match snapshot for STY 1`] = `
                         </figure>
                       </div>
                       <div
-                        class="c21"
-                        dir="ltr"
+                        class="c5 c21"
                       >
                         <time
                           class="c22"