diff --git a/app/globals.scss b/app/globals.scss
index 328b9cc..84d86de 100644
--- a/app/globals.scss
+++ b/app/globals.scss
@@ -95,6 +95,10 @@ $bs-link-hover-color-rgb: 238, 102, 238;
   --mf-pink-light: #ffccff;
   --mf-pink-strong: #ff66ff;
   --mf-pink-dark: #ee66ee;
+  --mf-pink-rgb: 255, 153, 255;
+  --mf-pink-light-rgb: 255, 204, 255;
+  --mf-pink-strong-rgb: 255, 102, 255;
+  --mf-pink-dark-rgb: 238, 102, 238;
   --bs-link-color: var(--bs-black);
   --bs-link-color-rgb: 0, 0, 0;
   --bs-link-decoration: underline;
@@ -268,10 +272,10 @@ main .section-light p a:active {
   color: var(--bs-black);
 }
 
-main .section-dark p a:link,
-main .section-dark p a:visited,
-main .section-dark p a:hover,
-main .section-dark p a:active {
+main .section-dark a:link,
+main .section-dark a:visited,
+main .section-dark a:hover,
+main .section-dark a:active {
   color: var(--bs-white);
 }
 
@@ -314,7 +318,7 @@ footer ul svg:hover {
   width: 22px;
   height: 22px;
   position: relative;
-  top: -2px;
+  top: -4px;
 }
 
 .custom-checkbox .form-check-input:checked {
@@ -357,7 +361,7 @@ header p {
 
 /* SECTIONS */
 section {
-  padding-top: 2rem;
+  padding-top: 1rem;
   padding-bottom: 1rem;
 }
 
@@ -459,6 +463,10 @@ section h2.position-sticky {
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);
 }
 
+.form-search a.btn-light {
+  color: var(--bs-black) !important;
+}
+
 div.alert {
   margin-left: 12px;
   margin-right: 12px;
@@ -475,17 +483,17 @@ div.alert {
 .rounded-box h3,
 .rounded-box h4,
 .rounded-box p {
-  color: white;
+  /*color: white;*/
 }
 
-.info-area a:link,
-.info-area a:visited,
-.info-area a:hover,
-.info-area a:active,
-.action-area a:link,
-.action-area a:visited,
-.action-area a:hover,
-.action-area a:active {
+main .info-area a:link,
+main .info-area a:visited,
+main .info-area a:hover,
+main .info-area a:active,
+main .action-area a:link,
+main .action-area a:visited,
+main .action-area a:hover,
+main .action-area a:active {
   color: var(--bs-black);
 }
 
@@ -499,6 +507,10 @@ div.alert {
   color: var(--bs-black);
 }
 
+.info-area svg {
+  margin-right: 0.5rem !important;
+}
+
 .section-light .action-area {
   /*background-color: var(--bs-gray-200);*/
   background: linear-gradient(var(--bs-gray-100), var(--bs-gray-150));
@@ -535,6 +547,24 @@ div.alert {
   /*border: solid 1px var(--bs-gray-300);*/
 }
 
+section-darker .action-area {
+  background-color: var(--bs-gray-400);
+  background: linear-gradient(var(--bs-gray-200), var(--bs-gray-400));
+  box-shadow: 0px 5px 10px 0px rgba(var(--bs-black-rgb), 0.5);
+  /*border: solid 1px var(--bs-gray-300);*/
+}
+
+.section-darker .info-area {
+  background-color: var(--bs-gray-400);
+  background: linear-gradient(var(--bs-gray-200), var(--bs-gray-400));
+  background: linear-gradient(
+    var(--bs-warning-bg-subtle),
+    var(--bs-warning-border-subtle)
+  );
+  box-shadow: 0px 5px 10px 0px rgba(var(--bs-black-rgb), 0.5);
+  /*border: solid 1px var(--bs-gray-300);*/
+}
+
 /* FOOTER */
 
 footer {
@@ -544,7 +574,7 @@ footer {
   border-top: 2px solid var(--bs-gray-100);
 }
 
-@media (min-width: 992px) {
+@include media-breakpoint-up(lg) {
   footer {
     background: var(--bs-gray-300);
     padding-top: 6rem;
@@ -646,25 +676,54 @@ footer {
 /* PARTIES */
 
 section h3.party {
-  font-size: 6vmax;
+  font-size: 7vmax;
   font-weight: 800;
   text-transform: uppercase;
+  overflow: auto;
 }
 
-span.party-too-soon,
-h3.party-too-soon,
-svg.party-too-soon,
-i.party-too-soon {
-  color: var(--bs-gray-600);
+@include media-breakpoint-up(lg) {
+  section h3.party {
+    font-size: 4vmax;
+    font-weight: 800;
+    text-transform: uppercase;
+    overflow: auto;
+  }
 }
 
-span.party-your-heart,
-h3.party-your-heart,
-svg.party-your-heart,
-i.party-your-heart {
+a span.party-heart,
+h3.party-heart,
+svg.party-heart,
+i.party-heart {
   color: var(--mf-pink);
 }
 
+div.party-heart {
+  background-color: rgba(var(--mf-pink-rgb), 1);
+  background: linear-gradient(
+    rgba(var(--mf-pink-rgb), 1),
+    rgba(var(--mf-pink-rgb), 0.85)
+  );
+  box-shadow: 0px 5px 10px 0px rgba(var(--bs-black-rgb), 0.075);
+  /*border: solid 1px var(--bs-gray-300);*/
+}
+
+a span.party-none h3.party-none,
+svg.party-none,
+i.party-none {
+  color: var(--bs-gray-500);
+}
+
+div.party-none {
+  background-color: rgba(var(--bs-gray-500-rgb), 1);
+  background: linear-gradient(
+    rgba(var(--bs-gray-500-rgb), 1),
+    rgba(var(--bs-gray-500-rgb), 0.85)
+  );
+  box-shadow: 0px 5px 10px 0px rgba(var(--bs-black-rgb), 0.075);
+  /*border: solid 1px var(--bs-gray-300);*/
+}
+
 span.party-labour,
 h3.party-labour,
 svg.party-labour,
diff --git a/components/footer/Footer.tsx b/components/footer/Footer.tsx
index a37af33..011b637 100644
--- a/components/footer/Footer.tsx
+++ b/components/footer/Footer.tsx
@@ -22,7 +22,7 @@ import {
   FaSquareTwitter,
   FaSquareWhatsapp,
 } from "react-icons/fa6";
-import { ButtonGroup } from "react-bootstrap";
+import { Button, ButtonGroup } from "react-bootstrap";
 import { rubik } from "@/utils/Fonts";
 
 const Footer = ({ blok }: { blok: FooterStoryblok }) => (
@@ -30,45 +30,10 @@ const Footer = ({ blok }: { blok: FooterStoryblok }) => (
     <footer {...storyblokEditable(blok)}>
       <Container>
         <Row>
-          {/* FOOTER CALL TO ACTION BUTTONS */}
-          <Col sm={10} md={6} lg={4} xl={4} className="pb-4">
-            <ButtonGroup vertical size="lg" className="w-100">
-              <Link
-                href="/join"
-                className={`btn btn-dark btn-lg ${rubik.className} fw-bolder text-start lh-sm mb-1`}
-              >
-                <FaBell className="me-2" />
-                Join the voting movement
-              </Link>
-              <Link
-                href="/constituencies"
-                className={`btn btn-dark btn-lg ${rubik.className} fw-bolder text-start lh-sm mb-1`}
-              >
-                <FaMagnifyingGlass className="me-2" />
-                Browse constituencies
-              </Link>
-              <a
-                href="https://themovementforward.com/volunteer/"
-                target="_blank"
-                rel="noreferrer"
-                className={`btn btn-dark btn-lg ${rubik.className} fw-bolder text-start lh-sm mb-1`}
-              >
-                <FaPuzzlePiece className="me-2" />
-                Volunteer
-              </a>
-              <Link
-                href="/downloads"
-                className={`btn btn-dark btn-lg ${rubik.className} fw-bolder text-start lh-sm mb-1`}
-              >
-                <FaFileArrowDown className="me-2" />
-                Downloads and resources
-              </Link>
-            </ButtonGroup>
-          </Col>
-
           {/* QR CODE */}
-          <Col sm={10} md={5} lg={3} xl={4} className="pb-4 px-xl-5">
+          <Col sm={10} md={10} lg={5} xl={4} className="pb-4 px-xl-5">
             <a
+              className="footer-qr"
               href="https://shop.mvtfwd.com/stickers"
               target="_blank"
               rel="noreferrer"
@@ -82,22 +47,24 @@ const Footer = ({ blok }: { blok: FooterStoryblok }) => (
             </a>
           </Col>
 
-          <Col sm={10} md={10} lg={5} xl={4} className="pb-4">
+          <Col sm={10} md={10} lg={5} xl={4} className="pb-3">
             {/* MOVEMENT FORWARD LOGO */}
             <p>
-              <a
-                href="https://mvtfwd.com/links"
-                target="_blank"
-                rel="noreferrer"
-              >
-                <Image
-                  src={mvmtFrwdLogo}
-                  alt="Movement Forward Logo"
-                  style={{ width: "4rem", height: "4rem" }}
-                  placeholder="blur"
-                />
-                <span className="mx-2 fw-bold">@MVTFWD</span>
-              </a>
+              <span className="d-flex">
+                <a
+                  href="https://mvtfwd.com/links"
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  <Image
+                    src={mvmtFrwdLogo}
+                    alt="Movement Forward Logo"
+                    style={{ width: "4rem", height: "4rem" }}
+                    placeholder="blur"
+                  />
+                  <span className="mx-2">@MVTFWD</span>
+                </a>
+              </span>
             </p>
 
             {/* MOVEMENT FORWARD SOCIAL LINKS */}
@@ -108,32 +75,62 @@ const Footer = ({ blok }: { blok: FooterStoryblok }) => (
                   target="_blank"
                   rel="noreferrer"
                 >
-                  <FaSquareTwitter className="fs-1" />
+                  <FaSquareTwitter
+                    style={{
+                      width: "2rem",
+                      height: "2rem",
+                    }}
+                  />
                 </a>
               </li>
               <li className="list-inline-item">
                 <a href="https://facebook.com/mvtfwd" target="_blank">
-                  <FaSquareFacebook className="fs-1" />
+                  <FaSquareFacebook
+                    style={{
+                      width: "2rem",
+                      height: "2rem",
+                    }}
+                  />
                 </a>
               </li>
               <li className="list-inline-item">
                 <a href="https://instagram.com/mvtfwd" target="_blank">
-                  <FaSquareInstagram className="fs-1" />
+                  <FaSquareInstagram
+                    style={{
+                      width: "2rem",
+                      height: "2rem",
+                    }}
+                  />
                 </a>
               </li>
               <li className="list-inline-item">
                 <a href="https://threads.net/mvtfwd" target="_blank">
-                  <FaSquareThreads className="fs-1" />
+                  <FaSquareThreads
+                    style={{
+                      width: "2rem",
+                      height: "2rem",
+                    }}
+                  />
                 </a>
               </li>
               <li className="list-inline-item">
                 <a href="https://mvtfwd.com/whatsapp" target="_blank">
-                  <FaSquareWhatsapp className="fs-1" />
+                  <FaSquareWhatsapp
+                    style={{
+                      width: "2rem",
+                      height: "2rem",
+                    }}
+                  />
                 </a>
               </li>
               <li className="list-inline-item">
                 <a href="https://mvtfwd.com/volunteer" target="_blank">
-                  <FaDiscord className="fs-1" />
+                  <FaDiscord
+                    style={{
+                      width: "2.4rem",
+                      height: "2.4rem",
+                    }}
+                  />
                 </a>
               </li>
             </ul>
@@ -153,61 +150,13 @@ const Footer = ({ blok }: { blok: FooterStoryblok }) => (
               We don&apos;t use cookies on this website.
             </p>
           </Col>
+          <Col sm={10} md={6} lg={4} xl={4} className="order-lg-first">
+            <CallToAction />
+          </Col>
         </Row>
-      </Container>
 
-      <section className="footer-dark" style={{ fontSize: "14px" }}>
-        <Container>
-          <Row>
-            <Col xs="auto">
-              {/* POSTCODE LOOKUP ATTRIBUTION */}
-              <p className="mb-1">
-                Postcode lookup contains data from{" "}
-                <a
-                  href="https://democracyclub.org.uk/"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  DemocracyClub
-                </a>
-                , the{" "}
-                <a
-                  href="https://geoportal.statistics.gov.uk/datasets/3700342d3d184b0d92eae99a78d9c7a3/about"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  ONS
-                </a>{" "}
-                &{" "}
-                <a
-                  href="https://pages.mysociety.org/2025-constituencies/datasets/parliament_con_2025/0_1_4"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  MySociety
-                </a>
-              </p>
-              <ul>
-                <li>
-                  Contains OS data © Crown copyright and database right 2024
-                </li>
-                <li>
-                  Contains Royal Mail data © Royal Mail copyright and Database
-                  right 2024
-                </li>
-                <li>
-                  Contains GeoPlace data © Local Government Information House
-                  Limited copyright and database right 2024
-                </li>
-                <li>
-                  Source: Office for National Statistics licensed under the Open
-                  Government Licence v.3.0
-                </li>
-              </ul>
-            </Col>
-          </Row>
-        </Container>
-      </section>
+        <SmallPrint />
+      </Container>
     </footer>
     <a className="btn btn-sm disabled brand-tag" role="button">
       @MVTFWD
@@ -215,4 +164,109 @@ const Footer = ({ blok }: { blok: FooterStoryblok }) => (
   </>
 );
 
+const SmallPrint = () => (
+  <Row>
+    <Col className="py-4">
+      {/* POSTCODE LOOKUP ATTRIBUTION */}
+      <p className="small">
+        Postcode lookup contains data from&nbsp;
+        <a
+          href="https://democracyclub.org.uk/"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <strong>
+            <span
+              style={{
+                color:
+                  "rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))",
+              }}
+            >
+              DemocracyClub
+            </span>
+          </strong>
+        </a>
+        , the&nbsp;
+        <a
+          href="https://geoportal.statistics.gov.uk/datasets/3700342d3d184b0d92eae99a78d9c7a3/about"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <strong>
+            <span
+              style={{
+                color:
+                  "rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))",
+              }}
+              rel="noreferrer"
+            >
+              ONS
+            </span>
+          </strong>
+        </a>
+        &nbsp;&amp;&nbsp;
+        <a
+          href="https://pages.mysociety.org/2025-constituencies/datasets/parliament_con_2025/0_1_4"
+          target="_blank"
+        >
+          <strong>
+            <span
+              style={{
+                color:
+                  "rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))",
+              }}
+              rel="noreferrer"
+            >
+              MySociety
+            </span>
+          </strong>
+        </a>
+        .&nbsp;Contains OS data © Crown copyright and database right 2024.
+        Contains Royal Mail data © Royal Mail copyright and Database right
+        2024. Contains GeoPlace data © Local Government Information House
+        Limited copyright and database right 2024. Source: Office for National
+        Statistics licensed under the Open Government Licence v.3.0
+      </p>
+    </Col>
+  </Row>
+);
+
+const CallToAction = () => (
+  <ButtonGroup vertical size="lg" className="w-100">
+    <Button variant="dark" size="lg" className={rubik.className} href="/join">
+      <FaBell className="me-2" />
+      Join the voting movement
+    </Button>
+    <Button
+      variant="dark"
+      size="lg"
+      className={rubik.className}
+      href="/constituencies"
+    >
+      <FaMagnifyingGlass className="me-2" />
+      Browse constituencies
+    </Button>
+    <Button
+      variant="dark"
+      size="lg"
+      rel="noreferrer"
+      className={rubik.className}
+      target="_blank"
+      href="https://themovementforward.com/volunteer/"
+    >
+      <FaPuzzlePiece className="me-2" />
+      Volunteer
+    </Button>
+    <Button
+      variant="dark"
+      size="lg"
+      rel="noreferrer"
+      className={rubik.className}
+      href="/downloads"
+    >
+      <FaFileArrowDown className="me-2" />
+      Downloads and resources
+    </Button>
+  </ButtonGroup>
+);
 export default Footer;
diff --git a/components/footer/FooterLink.tsx b/components/footer/FooterLink.tsx
index 1c498af..a300a82 100644
--- a/components/footer/FooterLink.tsx
+++ b/components/footer/FooterLink.tsx
@@ -17,8 +17,8 @@ const link = (
 ) => {
   {
     const className = `btn ${
-      blok.button ? "btn-light" : "btn-link"
-    } btn-sm fw-bold text-start mx-1`;
+      blok.button ? "btn-light me-2" : "btn-link"
+    } btn-sm`;
 
     switch (blok.component) {
       case "footer_internal_link":
diff --git a/components/sections/MovementSection.tsx b/components/sections/MovementSection.tsx
index cd54e95..49f3ecd 100644
--- a/components/sections/MovementSection.tsx
+++ b/components/sections/MovementSection.tsx
@@ -35,10 +35,10 @@ const MovementSection = () => {
   return (
     <main>
       <section id="section-movement" className="section-light">
-        <Container className="py-4 py-md-5">
+        <Container className="py-3">
           {/* PEOPLE */}
           <Row>
-            <Col className="pb-3 pb-md-5">
+            <Col className="pb-3 pb-md-4">
               <h2>
                 Join A Movement building voter power, beyond this election.
               </h2>