diff --git a/layouts/partials/masthead.html b/layouts/partials/masthead.html
index b065a70d5..56d3a9c33 100644
--- a/layouts/partials/masthead.html
+++ b/layouts/partials/masthead.html
@@ -1,284 +1,286 @@
 <!-- flag card -->
 {{ $subscriber := eq .Layout "story" }}
-<header id="mastheadVueContainer" class="updated-flag">
-    <div class="paper masthead">
-        <div class="flag">
-          <div class="flag-row flag-top">
-            <div class="flag-eedition h-phone">
-              <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
-              <path d="M5.25 1.5C4.83437 1.5 4.5 1.83438 4.5 2.25V11.75C4.5 12.0125 4.45625 12.2656 4.37187 12.5H13.75C14.1656 12.5 14.5 12.1656 14.5 11.75V2.25C14.5 1.83438 14.1656 1.5 13.75 1.5H5.25ZM2.25 14C1.00625 14 0 12.9937 0 11.75V2.5C0 2.08437 0.334375 1.75 0.75 1.75C1.16562 1.75 1.5 2.08437 1.5 2.5V11.75C1.5 12.1656 1.83438 12.5 2.25 12.5C2.66563 12.5 3 12.1656 3 11.75V2.25C3 1.00625 4.00625 0 5.25 0H13.75C14.9937 0 16 1.00625 16 2.25V11.75C16 12.9937 14.9937 14 13.75 14H2.25ZM5.5 3.25C5.5 2.83437 5.83437 2.5 6.25 2.5H9.25C9.66562 2.5 10 2.83437 10 3.25V5.75C10 6.16563 9.66562 6.5 9.25 6.5H6.25C5.83437 6.5 5.5 6.16563 5.5 5.75V3.25ZM11.75 2.5H12.75C13.1656 2.5 13.5 2.83437 13.5 3.25C13.5 3.66563 13.1656 4 12.75 4H11.75C11.3344 4 11 3.66563 11 3.25C11 2.83437 11.3344 2.5 11.75 2.5ZM11.75 5H12.75C13.1656 5 13.5 5.33437 13.5 5.75C13.5 6.16563 13.1656 6.5 12.75 6.5H11.75C11.3344 6.5 11 6.16563 11 5.75C11 5.33437 11.3344 5 11.75 5ZM6.25 7.5H12.75C13.1656 7.5 13.5 7.83437 13.5 8.25C13.5 8.66562 13.1656 9 12.75 9H6.25C5.83437 9 5.5 8.66562 5.5 8.25C5.5 7.83437 5.83437 7.5 6.25 7.5ZM6.25 10H12.75C13.1656 10 13.5 10.3344 13.5 10.75C13.5 11.1656 13.1656 11.5 12.75 11.5H6.25C5.83437 11.5 5.5 11.1656 5.5 10.75C5.5 10.3344 5.83437 10 6.25 10Z"/>
-              </svg> Read today's eEdition</a>
-            </div>
-            <div class="flag-logo" onclick="toggleMSB()">
-              <a href="#">
-                <img class="logo msb-hide" src="/img/sacramento-bee-black.svg" alt="The Sacramento Bee logo">
-                <img class="logo msb-show" src="/img/sacramento-bee-white.svg" alt="The Sacramento Bee logo">
-              </a>
+<div id="main-mastheadVueContainer" class="newMastheadContainer">
+  <header id="mastheadVueContainer" class="updated-flag">
+      <div class="paper masthead">
+          <div class="flag">
+            <div class="flag-row flag-top">
+              <div class="flag-eedition h-phone">
+                <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
+                <path d="M5.25 1.5C4.83437 1.5 4.5 1.83438 4.5 2.25V11.75C4.5 12.0125 4.45625 12.2656 4.37187 12.5H13.75C14.1656 12.5 14.5 12.1656 14.5 11.75V2.25C14.5 1.83438 14.1656 1.5 13.75 1.5H5.25ZM2.25 14C1.00625 14 0 12.9937 0 11.75V2.5C0 2.08437 0.334375 1.75 0.75 1.75C1.16562 1.75 1.5 2.08437 1.5 2.5V11.75C1.5 12.1656 1.83438 12.5 2.25 12.5C2.66563 12.5 3 12.1656 3 11.75V2.25C3 1.00625 4.00625 0 5.25 0H13.75C14.9937 0 16 1.00625 16 2.25V11.75C16 12.9937 14.9937 14 13.75 14H2.25ZM5.5 3.25C5.5 2.83437 5.83437 2.5 6.25 2.5H9.25C9.66562 2.5 10 2.83437 10 3.25V5.75C10 6.16563 9.66562 6.5 9.25 6.5H6.25C5.83437 6.5 5.5 6.16563 5.5 5.75V3.25ZM11.75 2.5H12.75C13.1656 2.5 13.5 2.83437 13.5 3.25C13.5 3.66563 13.1656 4 12.75 4H11.75C11.3344 4 11 3.66563 11 3.25C11 2.83437 11.3344 2.5 11.75 2.5ZM11.75 5H12.75C13.1656 5 13.5 5.33437 13.5 5.75C13.5 6.16563 13.1656 6.5 12.75 6.5H11.75C11.3344 6.5 11 6.16563 11 5.75C11 5.33437 11.3344 5 11.75 5ZM6.25 7.5H12.75C13.1656 7.5 13.5 7.83437 13.5 8.25C13.5 8.66562 13.1656 9 12.75 9H6.25C5.83437 9 5.5 8.66562 5.5 8.25C5.5 7.83437 5.83437 7.5 6.25 7.5ZM6.25 10H12.75C13.1656 10 13.5 10.3344 13.5 10.75C13.5 11.1656 13.1656 11.5 12.75 11.5H6.25C5.83437 11.5 5.5 11.1656 5.5 10.75C5.5 10.3344 5.83437 10 6.25 10Z"/>
+                </svg> Read today's eEdition</a>
+              </div>
+              <div class="flag-logo" onclick="toggleMSB()">
+                <a href="#">
+                  <img class="logo msb-hide" src="/img/sacramento-bee-black.svg" alt="The Sacramento Bee logo">
+                  <img class="logo msb-show" src="/img/sacramento-bee-white.svg" alt="The Sacramento Bee logo">
+                </a>
+              </div>
+              <div class="flag-account">
+                  <div class="msb-hide">
+                      <a href="#">LOG IN / SIGN UP</a>
+                  </div>
+                  <div class="msb-show">
+                    <button class="button msb-show expander">
+                      <svg width="17" height="19" viewBox="0 0 17 19" xmlns="http://www.w3.org/2000/svg"><path d="M11.5972 7.41211C10.7942 8.21509 9.70584 8.66577 8.57034 8.66577C7.43557 8.66431 6.34719 8.21289 5.54495 7.41064C4.74197 6.60791 4.29055 5.52014 4.28909 4.38464C4.28982 3.24988 4.74051 2.16077 5.54348 1.35779C6.34646 0.55481 7.43484 0.104126 8.57034 0.104126C9.70559 0.104126 10.7942 0.55481 11.5972 1.35779C12.3999 2.16077 12.8506 3.24976 12.8506 4.38525C12.8506 5.52002 12.3999 6.60913 11.5972 7.41211ZM16.9373 18.1038H0.893825H0.203396C0.197781 15.8833 1.0801 13.7537 2.65432 12.1879C4.2239 10.6193 6.35134 9.73755 8.57034 9.73755C10.7893 9.73755 12.9178 10.6193 14.4864 12.1879C16.0557 13.7572 16.9373 15.8848 16.9373 18.1038Z"></path></svg>
+                    </button>
+                    <!-- login popout -->
+                    <div id="popout" class="popout paper sans">
+                      <a href="https://myaccount.miamiherald.com/MIA_MH/myprofile"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 640 512" style="enable-background:new 0 0 640 512;" xml:space="preserve">
+                        <path class="st0" d="M144,128c0-44.2,35.8-80,80-80s80,35.8,80,80s-35.8,80-80,80S144,172.2,144,128z M352,128  C352,57.3,294.7,0,224,0S96,57.3,96,128s57.3,128,128,128S352,198.7,352,128z M49.3,464c8.9-63.3,63.3-112,129-112h91.4  c34.9,0,66.5,13.7,89.9,36l33.9-33.9c-32.1-31-75.7-50.1-123.9-50.1h-91.3C79.8,304,0,383.8,0,482.3C0,498.7,13.3,512,29.7,512  h293.1c-3.1-8.8-3.7-18.4-1.4-27.8l5.1-20.2H49.3z M613.8,235.7c-15.6-15.6-40.9-15.6-56.6,0l-29.4,29.4l71,71l29.4-29.4  c15.6-15.6,15.6-40.9,0-56.6L613.8,235.7L613.8,235.7z M375.9,417c-4.1,4.1-7,9.2-8.4,14.9l-15,60.1c-1.4,5.5,0.2,11.2,4.2,15.2  s9.7,5.6,15.2,4.2l60.1-15c5.6-1.4,10.8-4.3,14.9-8.4l129.2-129.3l-71-71L375.9,417z"/>
+                      </svg> Edit Profile</a>
+                      <a href="https://myaccount.miamiherald.com/MIA_MH/dashboard"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 640 512" style="enable-background:new 0 0 640 512;" xml:space="preserve">
+                        <path class="st0" d="M64,464h284.5c12.3,18.8,28,35.1,46.3,48H64c-35.3,0-64-28.7-64-64V224c0-35.3,28.7-64,64-64h384  c23.8,0,44.5,12.9,55.5,32.2c-2.5-0.1-5-0.2-7.5-0.2c-26.2,0-51.1,5.7-73.4,16H64c-8.8,0-16,7.2-16,16v224C48,456.8,55.2,464,64,464  z M440,80c13.3,0,24,10.7,24,24s-10.7,24-24,24H72c-13.3,0-24-10.7-24-24s10.7-24,24-24H440z M392,0c13.3,0,24,10.7,24,24  s-10.7,24-24,24H120c-13.3,0-24-10.7-24-24s10.7-24,24-24H392z M352,368c0-79.5,64.5-144,144-144s144,64.5,144,144  s-64.5,144-144,144S352,447.5,352,368z M573.7,448.7c-6.2-19-24-32.7-45.1-32.7h-65.2c-21,0-38.9,13.7-45.1,32.7  c20.2,19.4,47.5,31.3,77.7,31.3S553.5,468.1,573.7,448.7z M544,336c0-26.5-21.5-48-48-48c-26.5,0-48,21.5-48,48s21.5,48,48,48  C522.5,384,544,362.5,544,336z"/>
+                      </svg> My Subscriptions</a>
+                      <a href="https://mcclatchy.us.auth0.com/v2/logout?client_id=EvYjQGGcjJcE4V6TPrW95HRYKhFBmCvZ&amp;returnTo=https%3A%2F%2Fmiamiherald.com"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+                        <path class="st0" d="M505,273c9.4-9.4,9.4-24.6,0-33.9L377,111c-9.4-9.4-24.6-9.4-33.9,0s-9.4,24.6,0,33.9l87,87L184,232  c-13.3,0-24,10.7-24,24c0,13.3,10.7,24,24,24h246.1l-87,87c-9.4,9.4-9.4,24.6,0,33.9s24.6,9.4,33.9,0L505,273z M168,80  c13.3,0,24-10.7,24-24s-10.7-24-24-24H88C39.4,32,0,71.4,0,120v272c0,48.6,39.4,88,88,88h80c13.3,0,24-10.7,24-24s-10.7-24-24-24H88  c-22.1,0-40-17.9-40-40V120c0-22.1,17.9-40,40-40H168z"/>
+                      </svg> Sign Out</a>
+                      <button class="button center ghost">Log in / Sign up</button>
+                      <button class="button center">Resubscribe Now</button>
+                    </div>
+                  </div>
+              </div>
             </div>
-            <div class="flag-account">
-                <div class="msb-hide">
-                    <a href="#">LOG IN / SIGN UP</a>
-                </div>
-                <div class="msb-show">
-                  <button class="button msb-show expander">
-                    <svg width="17" height="19" viewBox="0 0 17 19" xmlns="http://www.w3.org/2000/svg"><path d="M11.5972 7.41211C10.7942 8.21509 9.70584 8.66577 8.57034 8.66577C7.43557 8.66431 6.34719 8.21289 5.54495 7.41064C4.74197 6.60791 4.29055 5.52014 4.28909 4.38464C4.28982 3.24988 4.74051 2.16077 5.54348 1.35779C6.34646 0.55481 7.43484 0.104126 8.57034 0.104126C9.70559 0.104126 10.7942 0.55481 11.5972 1.35779C12.3999 2.16077 12.8506 3.24976 12.8506 4.38525C12.8506 5.52002 12.3999 6.60913 11.5972 7.41211ZM16.9373 18.1038H0.893825H0.203396C0.197781 15.8833 1.0801 13.7537 2.65432 12.1879C4.2239 10.6193 6.35134 9.73755 8.57034 9.73755C10.7893 9.73755 12.9178 10.6193 14.4864 12.1879C16.0557 13.7572 16.9373 15.8848 16.9373 18.1038Z"></path></svg>
-                  </button>
-                  <!-- login popout -->
-                  <div id="popout" class="popout paper sans">
-                    <a href="https://myaccount.miamiherald.com/MIA_MH/myprofile"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 640 512" style="enable-background:new 0 0 640 512;" xml:space="preserve">
-                      <path class="st0" d="M144,128c0-44.2,35.8-80,80-80s80,35.8,80,80s-35.8,80-80,80S144,172.2,144,128z M352,128  C352,57.3,294.7,0,224,0S96,57.3,96,128s57.3,128,128,128S352,198.7,352,128z M49.3,464c8.9-63.3,63.3-112,129-112h91.4  c34.9,0,66.5,13.7,89.9,36l33.9-33.9c-32.1-31-75.7-50.1-123.9-50.1h-91.3C79.8,304,0,383.8,0,482.3C0,498.7,13.3,512,29.7,512  h293.1c-3.1-8.8-3.7-18.4-1.4-27.8l5.1-20.2H49.3z M613.8,235.7c-15.6-15.6-40.9-15.6-56.6,0l-29.4,29.4l71,71l29.4-29.4  c15.6-15.6,15.6-40.9,0-56.6L613.8,235.7L613.8,235.7z M375.9,417c-4.1,4.1-7,9.2-8.4,14.9l-15,60.1c-1.4,5.5,0.2,11.2,4.2,15.2  s9.7,5.6,15.2,4.2l60.1-15c5.6-1.4,10.8-4.3,14.9-8.4l129.2-129.3l-71-71L375.9,417z"/>
-                    </svg> Edit Profile</a>
-                    <a href="https://myaccount.miamiherald.com/MIA_MH/dashboard"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 640 512" style="enable-background:new 0 0 640 512;" xml:space="preserve">
-                      <path class="st0" d="M64,464h284.5c12.3,18.8,28,35.1,46.3,48H64c-35.3,0-64-28.7-64-64V224c0-35.3,28.7-64,64-64h384  c23.8,0,44.5,12.9,55.5,32.2c-2.5-0.1-5-0.2-7.5-0.2c-26.2,0-51.1,5.7-73.4,16H64c-8.8,0-16,7.2-16,16v224C48,456.8,55.2,464,64,464  z M440,80c13.3,0,24,10.7,24,24s-10.7,24-24,24H72c-13.3,0-24-10.7-24-24s10.7-24,24-24H440z M392,0c13.3,0,24,10.7,24,24  s-10.7,24-24,24H120c-13.3,0-24-10.7-24-24s10.7-24,24-24H392z M352,368c0-79.5,64.5-144,144-144s144,64.5,144,144  s-64.5,144-144,144S352,447.5,352,368z M573.7,448.7c-6.2-19-24-32.7-45.1-32.7h-65.2c-21,0-38.9,13.7-45.1,32.7  c20.2,19.4,47.5,31.3,77.7,31.3S553.5,468.1,573.7,448.7z M544,336c0-26.5-21.5-48-48-48c-26.5,0-48,21.5-48,48s21.5,48,48,48  C522.5,384,544,362.5,544,336z"/>
-                    </svg> My Subscriptions</a>
-                    <a href="https://mcclatchy.us.auth0.com/v2/logout?client_id=EvYjQGGcjJcE4V6TPrW95HRYKhFBmCvZ&amp;returnTo=https%3A%2F%2Fmiamiherald.com"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-                      <path class="st0" d="M505,273c9.4-9.4,9.4-24.6,0-33.9L377,111c-9.4-9.4-24.6-9.4-33.9,0s-9.4,24.6,0,33.9l87,87L184,232  c-13.3,0-24,10.7-24,24c0,13.3,10.7,24,24,24h246.1l-87,87c-9.4,9.4-9.4,24.6,0,33.9s24.6,9.4,33.9,0L505,273z M168,80  c13.3,0,24-10.7,24-24s-10.7-24-24-24H88C39.4,32,0,71.4,0,120v272c0,48.6,39.4,88,88,88h80c13.3,0,24-10.7,24-24s-10.7-24-24-24H88  c-22.1,0-40-17.9-40-40V120c0-22.1,17.9-40,40-40H168z"/>
-                    </svg> Sign Out</a>
-                    <button class="button center ghost">Log in / Sign up</button>
-                    <button class="button center">Resubscribe Now</button>
+  
+            <div class="flag-line"></div>
+  
+            <div class="flag-row flag-bottom">
+              <div class="flag-menu">
+                <button class="button" id="menu-toggle" aria-expanded="false">
+                  <svg class="icon-menu-toggle" xmlns="http://www.w3.org/2000/svg" width="28" height="16" viewBox="0 0 28 16" fill="none">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.691406H11.2504V2.8904H0V0.691406ZM0 6.84766H8.65417V9.04665H0V6.84766ZM12.1158 13.0059H0V15.2049H12.1158V13.0059Z"/>
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.2734 9.83408C24.796 8.92389 25.0954 7.86513 25.0954 6.7353C25.0954 3.33479 22.3832 0.578125 19.0375 0.578125C15.6918 0.578125 12.9796 3.33479 12.9796 6.7353C12.9796 10.1358 15.6918 12.8925 19.0375 12.8925C20.3318 12.8925 21.5313 12.4799 22.5156 11.7771L25.8715 15.188C26.2588 15.5816 26.8868 15.5816 27.2742 15.188L27.7073 14.7477C28.0947 14.354 28.0947 13.7157 27.7073 13.322L24.3139 9.87299C24.3007 9.85956 24.2872 9.84659 24.2734 9.83408ZM19.0375 10.4296C17.0301 10.4296 15.4027 8.77561 15.4027 6.7353C15.4027 4.69499 17.0301 3.041 19.0375 3.041C21.0449 3.041 22.6722 4.69499 22.6722 6.7353C22.6722 8.77561 21.0449 10.4296 19.0375 10.4296Z"/>
+                  </svg>
+                  <!-- <svg class="nav-close" width="50" height="40" viewBox="0 0 50 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <rect width="50" height="40" fill="white"/>
+                    <rect x="19.0916" y="12.0003" width="19.6696" height="2.95785" transform="rotate(45 19.0916 12.0003)" fill="#0F1521"/>
+                    <rect x="17.0017" y="25.9085" width="19.6696" height="2.95785" transform="rotate(-45 17.0017 25.9085)" fill="#0F1521"/>
+                  </svg> -->
+                </button>
+              </div>
+              <div class="flag-weather stack h-phone">
+                <a href="/news/weather-news/">
+                  <span>73&deg;F</span>
+                </a>
+              </div>
+              <div class="flag-nav slider h-phone">
+                  <div class="row">
+                      <a href="#">News</a>
+                      <a href="#">Sports</a>
+                      <a href="#">Business</a>
+                      <a href="#">Politics</a>
+                      <a href="#">Real Estate</a>
+                      <a href="#">The Kings</a>
+                      <a href="#">Senate Race</a>
+                      <a href="#">Marcos Bretón</a>
+                      <a href="#">Caldor Fire</a>
+                      <a href="#">Coronavirus</a>
                   </div>
-                </div>
+              </div>
             </div>
           </div>
-
-          <div class="flag-line"></div>
-
-          <div class="flag-row flag-bottom">
-            <div class="flag-menu">
-              <button class="button" id="menu-toggle" aria-expanded="false">
-                <svg class="icon-menu-toggle" xmlns="http://www.w3.org/2000/svg" width="28" height="16" viewBox="0 0 28 16" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.691406H11.2504V2.8904H0V0.691406ZM0 6.84766H8.65417V9.04665H0V6.84766ZM12.1158 13.0059H0V15.2049H12.1158V13.0059Z"/>
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M24.2734 9.83408C24.796 8.92389 25.0954 7.86513 25.0954 6.7353C25.0954 3.33479 22.3832 0.578125 19.0375 0.578125C15.6918 0.578125 12.9796 3.33479 12.9796 6.7353C12.9796 10.1358 15.6918 12.8925 19.0375 12.8925C20.3318 12.8925 21.5313 12.4799 22.5156 11.7771L25.8715 15.188C26.2588 15.5816 26.8868 15.5816 27.2742 15.188L27.7073 14.7477C28.0947 14.354 28.0947 13.7157 27.7073 13.322L24.3139 9.87299C24.3007 9.85956 24.2872 9.84659 24.2734 9.83408ZM19.0375 10.4296C17.0301 10.4296 15.4027 8.77561 15.4027 6.7353C15.4027 4.69499 17.0301 3.041 19.0375 3.041C21.0449 3.041 22.6722 4.69499 22.6722 6.7353C22.6722 8.77561 21.0449 10.4296 19.0375 10.4296Z"/>
-                </svg>
-                <!-- <svg class="nav-close" width="50" height="40" viewBox="0 0 50 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <rect width="50" height="40" fill="white"/>
-                  <rect x="19.0916" y="12.0003" width="19.6696" height="2.95785" transform="rotate(45 19.0916 12.0003)" fill="#0F1521"/>
-                  <rect x="17.0017" y="25.9085" width="19.6696" height="2.95785" transform="rotate(-45 17.0017 25.9085)" fill="#0F1521"/>
-                </svg> -->
-              </button>
-            </div>
-            <div class="flag-weather stack h-phone">
-              <a href="/news/weather-news/">
-                <span>73&deg;F</span>
-              </a>
+  
+          <!-- menu card -->
+          <div id="main-nav" class="main-nav sans summary">
+            <!-- search -->
+            <div class="search flex">
+              <form action="#" class="flex">
+                <input type="text" name="q" placeholder="Search" aria-label="">
+                <button type="submit" aria-label="Search">
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
+                </button>
+              </form>
             </div>
-            <div class="flag-nav slider h-phone">
-                <div class="row">
-                    <a href="#">News</a>
-                    <a href="#">Sports</a>
-                    <a href="#">Business</a>
-                    <a href="#">Politics</a>
-                    <a href="#">Real Estate</a>
-                    <a href="#">The Kings</a>
-                    <a href="#">Senate Race</a>
-                    <a href="#">Marcos Bretón</a>
-                    <a href="#">Caldor Fire</a>
-                    <a href="#">Coronavirus</a>
-                </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- menu card -->
-        <div id="main-nav" class="main-nav sans summary">
-          <!-- search -->
-          <div class="search flex">
-            <form action="#" class="flex">
-              <input type="text" name="q" placeholder="Search" aria-label="">
-              <button type="submit" aria-label="Search">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
-              </button>
-            </form>
-          </div>
-          <!-- quick links -->
-          <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
-            <path d="M5.25 1.5C4.83437 1.5 4.5 1.83438 4.5 2.25V11.75C4.5 12.0125 4.45625 12.2656 4.37187 12.5H13.75C14.1656 12.5 14.5 12.1656 14.5 11.75V2.25C14.5 1.83438 14.1656 1.5 13.75 1.5H5.25ZM2.25 14C1.00625 14 0 12.9937 0 11.75V2.5C0 2.08437 0.334375 1.75 0.75 1.75C1.16562 1.75 1.5 2.08437 1.5 2.5V11.75C1.5 12.1656 1.83438 12.5 2.25 12.5C2.66563 12.5 3 12.1656 3 11.75V2.25C3 1.00625 4.00625 0 5.25 0H13.75C14.9937 0 16 1.00625 16 2.25V11.75C16 12.9937 14.9937 14 13.75 14H2.25ZM5.5 3.25C5.5 2.83437 5.83437 2.5 6.25 2.5H9.25C9.66562 2.5 10 2.83437 10 3.25V5.75C10 6.16563 9.66562 6.5 9.25 6.5H6.25C5.83437 6.5 5.5 6.16563 5.5 5.75V3.25ZM11.75 2.5H12.75C13.1656 2.5 13.5 2.83437 13.5 3.25C13.5 3.66563 13.1656 4 12.75 4H11.75C11.3344 4 11 3.66563 11 3.25C11 2.83437 11.3344 2.5 11.75 2.5ZM11.75 5H12.75C13.1656 5 13.5 5.33437 13.5 5.75C13.5 6.16563 13.1656 6.5 12.75 6.5H11.75C11.3344 6.5 11 6.16563 11 5.75C11 5.33437 11.3344 5 11.75 5ZM6.25 7.5H12.75C13.1656 7.5 13.5 7.83437 13.5 8.25C13.5 8.66562 13.1656 9 12.75 9H6.25C5.83437 9 5.5 8.66562 5.5 8.25C5.5 7.83437 5.83437 7.5 6.25 7.5ZM6.25 10H12.75C13.1656 10 13.5 10.3344 13.5 10.75C13.5 11.1656 13.1656 11.5 12.75 11.5H6.25C5.83437 11.5 5.5 11.1656 5.5 10.75C5.5 10.3344 5.83437 10 6.25 10Z"/>
-          </svg> Read today's eEdition</a>
-          <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 13 18" fill="none">
-            <path d="M0 2.25C0 1.00898 1.00898 0 2.25 0H10.125C11.366 0 12.375 1.00898 12.375 2.25V15.75C12.375 16.991 11.366 18 10.125 18H2.25C1.00898 18 0 16.991 0 15.75V2.25ZM4.5 15.75C4.5 16.0594 4.75313 16.3125 5.0625 16.3125H7.3125C7.62187 16.3125 7.875 16.0594 7.875 15.75C7.875 15.4406 7.62187 15.1875 7.3125 15.1875H5.0625C4.75313 15.1875 4.5 15.4406 4.5 15.75ZM10.125 2.25H2.25V13.5H10.125V2.25Z" fill="#0F1521"/>
-          </svg> Mobile Apps & eReaders</a>
-          <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-            <g clip-path="url(#clip0_2700_33992)">
-            <path d="M6.73125 3H4.5H3.36875H3V3.275V4.5V5.7625V8.54375L0.00625 6.32812C0.05625 5.7625 0.346875 5.2375 0.809375 4.89687L1.5 4.38438V3C1.5 2.17188 2.17188 1.5 3 1.5H5.39375L6.95312 0.346875C7.25625 0.121875 7.62187 0 8 0C8.37813 0 8.74375 0.121875 9.04688 0.34375L10.6062 1.5H13C13.8281 1.5 14.5 2.17188 14.5 3V4.38438L15.1906 4.89687C15.6531 5.2375 15.9437 5.7625 15.9937 6.32812L13 8.54375V5.7625V4.5V3.275V3H12.6313H11.5H9.26875H6.73125ZM0 14V7.56563L6.8 12.6031C7.14688 12.8594 7.56875 13 8 13C8.43125 13 8.85312 12.8625 9.2 12.6031L16 7.56563V14C16 15.1031 15.1031 16 14 16H2C0.896875 16 0 15.1031 0 14ZM5.5 5H10.5C10.775 5 11 5.225 11 5.5C11 5.775 10.775 6 10.5 6H5.5C5.225 6 5 5.775 5 5.5C5 5.225 5.225 5 5.5 5ZM5.5 7H10.5C10.775 7 11 7.225 11 7.5C11 7.775 10.775 8 10.5 8H5.5C5.225 8 5 7.775 5 7.5C5 7.225 5.225 7 5.5 7Z" fill="#0F1521"/>
-            </g>
-            <defs>
-            <clipPath id="clip0_2700_33992">
-            <rect width="16" height="16" fill="white"/>
-            </clipPath>
-            </defs>
-            </svg> Newsletters</a>
-          <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="19" viewBox="0 0 16 19" fill="none">
-            <path d="M13.7143 2.85686C14.0286 2.85686 14.2857 3.11401 14.2857 3.42829V14.8569C14.2857 15.1712 14.0286 15.4283 13.7143 15.4283H2.28571C1.97143 15.4283 1.71429 15.1712 1.71429 14.8569V3.42829C1.71429 3.11401 1.97143 2.85686 2.28571 2.85686H13.7143ZM2.28571 1.14258C1.025 1.14258 0 2.16758 0 3.42829V14.8569C0 16.1176 1.025 17.1426 2.28571 17.1426H13.7143C14.975 17.1426 16 16.1176 16 14.8569V3.42829C16 2.16758 14.975 1.14258 13.7143 1.14258H2.28571ZM10.8571 3.42829H8V6.28544H5.14286V3.42829H2.28571V6.28544H5.14286V9.14258H2.28571V11.9997H5.14286V14.8569H8V11.9997H10.8571V14.8569H13.7143V11.9997H10.8571V9.14258H13.7143V6.28544H10.8571V3.42829ZM8 9.14258V11.9997H5.14286V9.14258H8ZM8 9.14258V6.28544H10.8571V9.14258H8Z" fill="#0F1521"/>
-          </svg> Puzzles & Games</a>
-          <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
-            <path d="M4.875 1C3.14375 1 1.525 1.45625 0.846875 1.675C0.321875 1.84375 0 2.32812 0 2.84687V12.6094C0 13.425 0.75 13.9906 1.5 13.8656C2.11875 13.7625 3.2125 13.625 4.625 13.625C6.3125 13.625 7.67188 14.4219 8.14062 14.7375C8.375 14.8938 8.66562 15 8.98438 15C9.34375 15 9.65937 14.8688 9.9 14.6906C10.3187 14.3844 11.5344 13.625 13.375 13.625C14.8656 13.625 15.8906 13.75 16.4688 13.85C17.2156 13.9781 18 13.4187 18 12.5813V2.84687C18 2.33125 17.6781 1.84375 17.1531 1.675C16.475 1.45625 14.8562 1 13.125 1C11.975 1 10.8813 1.2 10.0813 1.39688C9.68125 1.49688 9.34688 1.59375 9.11563 1.66875C9.075 1.68125 9.03438 1.69375 9 1.70625C8.96562 1.69375 8.925 1.68125 8.88437 1.66875C8.65 1.59375 8.31875 1.49688 7.91875 1.39688C7.11875 1.2 6.025 1 4.875 1ZM8.25 3.04063V13.0594C7.4375 12.6312 6.15 12.125 4.625 12.125C3.28437 12.125 2.20625 12.2406 1.5 12.3469V3.04063C2.19688 2.83125 3.5125 2.5 4.875 2.5C5.8625 2.5 6.83125 2.675 7.55937 2.85313C7.82812 2.91875 8.0625 2.98438 8.25 3.04063ZM9.75 13.0156V3.04063C9.9375 2.98438 10.1719 2.91875 10.4406 2.85313C11.1687 2.675 12.1375 2.5 13.125 2.5C14.4875 2.5 15.8031 2.83125 16.5 3.04063V12.3344C15.8219 12.2313 14.7844 12.125 13.375 12.125C11.7688 12.125 10.5375 12.5938 9.75 13.0188V13.0156Z" fill="#0F1521"/>
-          </svg> Comics</a>
-          <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-            <g clip-path="url(#clip0_2700_33983)">
-              <path d="M10.1823 4.75938C10.2229 4.90313 10.3542 5 10.5011 5C10.6479 5 10.7792 4.90313 10.8198 4.75938L11.2511 3.25L12.7604 2.81875C12.9042 2.77812 13.0011 2.64687 13.0011 2.5C13.0011 2.35313 12.9042 2.22188 12.7604 2.18125L11.2511 1.75L10.8198 0.240625C10.7792 0.096875 10.6479 0 10.5011 0C10.3542 0 10.2229 0.096875 10.1823 0.240625L9.75107 1.75L8.24169 2.18125C8.09794 2.22188 8.00107 2.35313 8.00107 2.5C8.00107 2.64687 8.09794 2.77812 8.24169 2.81875L9.75107 3.25L10.1823 4.75938ZM3.61669 10.8188L2.36044 9.59375L4.09482 9.34062C4.58232 9.26875 5.00732 8.9625 5.22294 8.51875L5.99794 6.94688L6.77294 8.51875C6.99169 8.9625 7.41357 9.26875 7.90107 9.34062L9.63544 9.59375L8.37919 10.8188C8.02607 11.1625 7.86669 11.6594 7.94794 12.1438L8.24482 13.875L6.69794 13.0594C6.26044 12.8281 5.73857 12.8281 5.30107 13.0594L3.75107 13.875L4.04794 12.1438C4.13232 11.6562 3.96982 11.1625 3.61669 10.8188ZM5.32607 4.91875L3.87919 7.85625L0.641692 8.32812C0.0291922 8.41562 -0.217683 9.17188 0.226067 9.60625L2.56669 11.8938L2.01669 15.1219C1.91044 15.7344 2.55419 16.2031 3.10419 15.9125L5.99794 14.3875L8.89169 15.9125C9.44169 16.2031 10.0854 15.7344 9.97919 15.1219L9.42607 11.8938L11.7667 9.60625C12.2104 9.17188 11.9667 8.41562 11.3511 8.32812L8.11669 7.85625L6.66982 4.91875C6.39482 4.35938 5.59794 4.35938 5.32294 4.91875H5.32607ZM13.4011 7.6L13.7448 8.80625C13.7761 8.91875 13.8823 9 14.0011 9C14.1198 9 14.2229 8.92188 14.2573 8.80625L14.6011 7.6L15.8073 7.25625C15.9198 7.225 16.0011 7.11875 16.0011 7C16.0011 6.88125 15.9229 6.77813 15.8073 6.74375L14.6011 6.4L14.2573 5.19375C14.2261 5.08125 14.1198 5 14.0011 5C13.8823 5 13.7792 5.07812 13.7448 5.19375L13.4011 6.4L12.1948 6.74375C12.0823 6.775 12.0011 6.88125 12.0011 7C12.0011 7.11875 12.0792 7.22187 12.1948 7.25625L13.4011 7.6Z" fill="#0F1521"/>
-            </g>
-            <defs>
-              <clipPath id="clip0_2700_33983">
-                <rect width="16" height="16" fill="white"/>
+            <!-- quick links -->
+            <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
+              <path d="M5.25 1.5C4.83437 1.5 4.5 1.83438 4.5 2.25V11.75C4.5 12.0125 4.45625 12.2656 4.37187 12.5H13.75C14.1656 12.5 14.5 12.1656 14.5 11.75V2.25C14.5 1.83438 14.1656 1.5 13.75 1.5H5.25ZM2.25 14C1.00625 14 0 12.9937 0 11.75V2.5C0 2.08437 0.334375 1.75 0.75 1.75C1.16562 1.75 1.5 2.08437 1.5 2.5V11.75C1.5 12.1656 1.83438 12.5 2.25 12.5C2.66563 12.5 3 12.1656 3 11.75V2.25C3 1.00625 4.00625 0 5.25 0H13.75C14.9937 0 16 1.00625 16 2.25V11.75C16 12.9937 14.9937 14 13.75 14H2.25ZM5.5 3.25C5.5 2.83437 5.83437 2.5 6.25 2.5H9.25C9.66562 2.5 10 2.83437 10 3.25V5.75C10 6.16563 9.66562 6.5 9.25 6.5H6.25C5.83437 6.5 5.5 6.16563 5.5 5.75V3.25ZM11.75 2.5H12.75C13.1656 2.5 13.5 2.83437 13.5 3.25C13.5 3.66563 13.1656 4 12.75 4H11.75C11.3344 4 11 3.66563 11 3.25C11 2.83437 11.3344 2.5 11.75 2.5ZM11.75 5H12.75C13.1656 5 13.5 5.33437 13.5 5.75C13.5 6.16563 13.1656 6.5 12.75 6.5H11.75C11.3344 6.5 11 6.16563 11 5.75C11 5.33437 11.3344 5 11.75 5ZM6.25 7.5H12.75C13.1656 7.5 13.5 7.83437 13.5 8.25C13.5 8.66562 13.1656 9 12.75 9H6.25C5.83437 9 5.5 8.66562 5.5 8.25C5.5 7.83437 5.83437 7.5 6.25 7.5ZM6.25 10H12.75C13.1656 10 13.5 10.3344 13.5 10.75C13.5 11.1656 13.1656 11.5 12.75 11.5H6.25C5.83437 11.5 5.5 11.1656 5.5 10.75C5.5 10.3344 5.83437 10 6.25 10Z"/>
+            </svg> Read today's eEdition</a>
+            <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 13 18" fill="none">
+              <path d="M0 2.25C0 1.00898 1.00898 0 2.25 0H10.125C11.366 0 12.375 1.00898 12.375 2.25V15.75C12.375 16.991 11.366 18 10.125 18H2.25C1.00898 18 0 16.991 0 15.75V2.25ZM4.5 15.75C4.5 16.0594 4.75313 16.3125 5.0625 16.3125H7.3125C7.62187 16.3125 7.875 16.0594 7.875 15.75C7.875 15.4406 7.62187 15.1875 7.3125 15.1875H5.0625C4.75313 15.1875 4.5 15.4406 4.5 15.75ZM10.125 2.25H2.25V13.5H10.125V2.25Z" fill="#0F1521"/>
+            </svg> Mobile Apps & eReaders</a>
+            <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+              <g clip-path="url(#clip0_2700_33992)">
+              <path d="M6.73125 3H4.5H3.36875H3V3.275V4.5V5.7625V8.54375L0.00625 6.32812C0.05625 5.7625 0.346875 5.2375 0.809375 4.89687L1.5 4.38438V3C1.5 2.17188 2.17188 1.5 3 1.5H5.39375L6.95312 0.346875C7.25625 0.121875 7.62187 0 8 0C8.37813 0 8.74375 0.121875 9.04688 0.34375L10.6062 1.5H13C13.8281 1.5 14.5 2.17188 14.5 3V4.38438L15.1906 4.89687C15.6531 5.2375 15.9437 5.7625 15.9937 6.32812L13 8.54375V5.7625V4.5V3.275V3H12.6313H11.5H9.26875H6.73125ZM0 14V7.56563L6.8 12.6031C7.14688 12.8594 7.56875 13 8 13C8.43125 13 8.85312 12.8625 9.2 12.6031L16 7.56563V14C16 15.1031 15.1031 16 14 16H2C0.896875 16 0 15.1031 0 14ZM5.5 5H10.5C10.775 5 11 5.225 11 5.5C11 5.775 10.775 6 10.5 6H5.5C5.225 6 5 5.775 5 5.5C5 5.225 5.225 5 5.5 5ZM5.5 7H10.5C10.775 7 11 7.225 11 7.5C11 7.775 10.775 8 10.5 8H5.5C5.225 8 5 7.775 5 7.5C5 7.225 5.225 7 5.5 7Z" fill="#0F1521"/>
+              </g>
+              <defs>
+              <clipPath id="clip0_2700_33992">
+              <rect width="16" height="16" fill="white"/>
               </clipPath>
-            </defs>
-          </svg> Horoscopes</a>
-          <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-            <g clip-path="url(#clip0_2700_33978)">
-            <path d="M6.5 13C6.5 12.1719 5.82812 11.5 5 11.5H2C1.725 11.5 1.5 11.275 1.5 11V2C1.5 1.725 1.725 1.5 2 1.5H14C14.275 1.5 14.5 1.725 14.5 2V11C14.5 11.275 14.275 11.5 14 11.5H9.66562C9.34062 11.5 9.025 11.6062 8.76562 11.8L6.5 13.5V13ZM6.49375 15.3813L6.5 15.375L9.66562 13H14C15.1031 13 16 12.1031 16 11V2C16 0.896875 15.1031 0 14 0H2C0.896875 0 0 0.896875 0 2V11C0 12.1031 0.896875 13 2 13H3.5H5V14.5V14.625V14.6344V14.8344V15.5C5 15.6906 5.10625 15.8625 5.275 15.9469C5.44375 16.0312 5.64688 16.0125 5.8 15.9L6.33437 15.5L6.49375 15.3813ZM5.30625 3.66563L5.29375 3.70312C5.15625 4.09375 5.35938 4.52188 5.75 4.65938C6.14062 4.79688 6.56875 4.59375 6.70625 4.20312L6.71875 4.16563C6.75313 4.06563 6.85 4 6.95312 4H8.775C9.0375 4 9.24687 4.2125 9.24687 4.47188C9.24687 4.64062 9.15625 4.79688 9.00937 4.88125L7.625 5.675C7.39062 5.80938 7.24687 6.05625 7.24687 6.325V6.75C7.24687 7.16563 7.58125 7.5 7.99687 7.5C8.40625 7.5 8.74062 7.17188 8.74687 6.7625L9.75625 6.18437C10.3688 5.83125 10.7469 5.17813 10.7469 4.47188C10.7469 3.38125 9.8625 2.5 8.775 2.5H6.95625C6.21563 2.5 5.55625 2.96563 5.30625 3.66563ZM9 9.5C9 9.23478 8.89464 8.98043 8.70711 8.79289C8.51957 8.60536 8.26522 8.5 8 8.5C7.73478 8.5 7.48043 8.60536 7.29289 8.79289C7.10536 8.98043 7 9.23478 7 9.5C7 9.76522 7.10536 10.0196 7.29289 10.2071C7.48043 10.3946 7.73478 10.5 8 10.5C8.26522 10.5 8.51957 10.3946 8.70711 10.2071C8.89464 10.0196 9 9.76522 9 9.5Z" fill="#0F1521"/>
-            </g>
-            <defs>
-            <clipPath id="clip0_2700_33978">
-            <rect width="16" height="16" fill="white"/>
-            </clipPath>
-            </defs>
-            </svg> Customer Service</a>
-          <hr>
-          <!-- sections -->
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">News</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
-            </div>
-          </div>
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">Sports</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
-            </div>
-          </div>
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">Politics</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
+              </defs>
+              </svg> Newsletters</a>
+            <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="19" viewBox="0 0 16 19" fill="none">
+              <path d="M13.7143 2.85686C14.0286 2.85686 14.2857 3.11401 14.2857 3.42829V14.8569C14.2857 15.1712 14.0286 15.4283 13.7143 15.4283H2.28571C1.97143 15.4283 1.71429 15.1712 1.71429 14.8569V3.42829C1.71429 3.11401 1.97143 2.85686 2.28571 2.85686H13.7143ZM2.28571 1.14258C1.025 1.14258 0 2.16758 0 3.42829V14.8569C0 16.1176 1.025 17.1426 2.28571 17.1426H13.7143C14.975 17.1426 16 16.1176 16 14.8569V3.42829C16 2.16758 14.975 1.14258 13.7143 1.14258H2.28571ZM10.8571 3.42829H8V6.28544H5.14286V3.42829H2.28571V6.28544H5.14286V9.14258H2.28571V11.9997H5.14286V14.8569H8V11.9997H10.8571V14.8569H13.7143V11.9997H10.8571V9.14258H13.7143V6.28544H10.8571V3.42829ZM8 9.14258V11.9997H5.14286V9.14258H8ZM8 9.14258V6.28544H10.8571V9.14258H8Z" fill="#0F1521"/>
+            </svg> Puzzles & Games</a>
+            <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
+              <path d="M4.875 1C3.14375 1 1.525 1.45625 0.846875 1.675C0.321875 1.84375 0 2.32812 0 2.84687V12.6094C0 13.425 0.75 13.9906 1.5 13.8656C2.11875 13.7625 3.2125 13.625 4.625 13.625C6.3125 13.625 7.67188 14.4219 8.14062 14.7375C8.375 14.8938 8.66562 15 8.98438 15C9.34375 15 9.65937 14.8688 9.9 14.6906C10.3187 14.3844 11.5344 13.625 13.375 13.625C14.8656 13.625 15.8906 13.75 16.4688 13.85C17.2156 13.9781 18 13.4187 18 12.5813V2.84687C18 2.33125 17.6781 1.84375 17.1531 1.675C16.475 1.45625 14.8562 1 13.125 1C11.975 1 10.8813 1.2 10.0813 1.39688C9.68125 1.49688 9.34688 1.59375 9.11563 1.66875C9.075 1.68125 9.03438 1.69375 9 1.70625C8.96562 1.69375 8.925 1.68125 8.88437 1.66875C8.65 1.59375 8.31875 1.49688 7.91875 1.39688C7.11875 1.2 6.025 1 4.875 1ZM8.25 3.04063V13.0594C7.4375 12.6312 6.15 12.125 4.625 12.125C3.28437 12.125 2.20625 12.2406 1.5 12.3469V3.04063C2.19688 2.83125 3.5125 2.5 4.875 2.5C5.8625 2.5 6.83125 2.675 7.55937 2.85313C7.82812 2.91875 8.0625 2.98438 8.25 3.04063ZM9.75 13.0156V3.04063C9.9375 2.98438 10.1719 2.91875 10.4406 2.85313C11.1687 2.675 12.1375 2.5 13.125 2.5C14.4875 2.5 15.8031 2.83125 16.5 3.04063V12.3344C15.8219 12.2313 14.7844 12.125 13.375 12.125C11.7688 12.125 10.5375 12.5938 9.75 13.0188V13.0156Z" fill="#0F1521"/>
+            </svg> Comics</a>
+            <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+              <g clip-path="url(#clip0_2700_33983)">
+                <path d="M10.1823 4.75938C10.2229 4.90313 10.3542 5 10.5011 5C10.6479 5 10.7792 4.90313 10.8198 4.75938L11.2511 3.25L12.7604 2.81875C12.9042 2.77812 13.0011 2.64687 13.0011 2.5C13.0011 2.35313 12.9042 2.22188 12.7604 2.18125L11.2511 1.75L10.8198 0.240625C10.7792 0.096875 10.6479 0 10.5011 0C10.3542 0 10.2229 0.096875 10.1823 0.240625L9.75107 1.75L8.24169 2.18125C8.09794 2.22188 8.00107 2.35313 8.00107 2.5C8.00107 2.64687 8.09794 2.77812 8.24169 2.81875L9.75107 3.25L10.1823 4.75938ZM3.61669 10.8188L2.36044 9.59375L4.09482 9.34062C4.58232 9.26875 5.00732 8.9625 5.22294 8.51875L5.99794 6.94688L6.77294 8.51875C6.99169 8.9625 7.41357 9.26875 7.90107 9.34062L9.63544 9.59375L8.37919 10.8188C8.02607 11.1625 7.86669 11.6594 7.94794 12.1438L8.24482 13.875L6.69794 13.0594C6.26044 12.8281 5.73857 12.8281 5.30107 13.0594L3.75107 13.875L4.04794 12.1438C4.13232 11.6562 3.96982 11.1625 3.61669 10.8188ZM5.32607 4.91875L3.87919 7.85625L0.641692 8.32812C0.0291922 8.41562 -0.217683 9.17188 0.226067 9.60625L2.56669 11.8938L2.01669 15.1219C1.91044 15.7344 2.55419 16.2031 3.10419 15.9125L5.99794 14.3875L8.89169 15.9125C9.44169 16.2031 10.0854 15.7344 9.97919 15.1219L9.42607 11.8938L11.7667 9.60625C12.2104 9.17188 11.9667 8.41562 11.3511 8.32812L8.11669 7.85625L6.66982 4.91875C6.39482 4.35938 5.59794 4.35938 5.32294 4.91875H5.32607ZM13.4011 7.6L13.7448 8.80625C13.7761 8.91875 13.8823 9 14.0011 9C14.1198 9 14.2229 8.92188 14.2573 8.80625L14.6011 7.6L15.8073 7.25625C15.9198 7.225 16.0011 7.11875 16.0011 7C16.0011 6.88125 15.9229 6.77813 15.8073 6.74375L14.6011 6.4L14.2573 5.19375C14.2261 5.08125 14.1198 5 14.0011 5C13.8823 5 13.7792 5.07812 13.7448 5.19375L13.4011 6.4L12.1948 6.74375C12.0823 6.775 12.0011 6.88125 12.0011 7C12.0011 7.11875 12.0792 7.22187 12.1948 7.25625L13.4011 7.6Z" fill="#0F1521"/>
+              </g>
+              <defs>
+                <clipPath id="clip0_2700_33983">
+                  <rect width="16" height="16" fill="white"/>
+                </clipPath>
+              </defs>
+            </svg> Horoscopes</a>
+            <a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+              <g clip-path="url(#clip0_2700_33978)">
+              <path d="M6.5 13C6.5 12.1719 5.82812 11.5 5 11.5H2C1.725 11.5 1.5 11.275 1.5 11V2C1.5 1.725 1.725 1.5 2 1.5H14C14.275 1.5 14.5 1.725 14.5 2V11C14.5 11.275 14.275 11.5 14 11.5H9.66562C9.34062 11.5 9.025 11.6062 8.76562 11.8L6.5 13.5V13ZM6.49375 15.3813L6.5 15.375L9.66562 13H14C15.1031 13 16 12.1031 16 11V2C16 0.896875 15.1031 0 14 0H2C0.896875 0 0 0.896875 0 2V11C0 12.1031 0.896875 13 2 13H3.5H5V14.5V14.625V14.6344V14.8344V15.5C5 15.6906 5.10625 15.8625 5.275 15.9469C5.44375 16.0312 5.64688 16.0125 5.8 15.9L6.33437 15.5L6.49375 15.3813ZM5.30625 3.66563L5.29375 3.70312C5.15625 4.09375 5.35938 4.52188 5.75 4.65938C6.14062 4.79688 6.56875 4.59375 6.70625 4.20312L6.71875 4.16563C6.75313 4.06563 6.85 4 6.95312 4H8.775C9.0375 4 9.24687 4.2125 9.24687 4.47188C9.24687 4.64062 9.15625 4.79688 9.00937 4.88125L7.625 5.675C7.39062 5.80938 7.24687 6.05625 7.24687 6.325V6.75C7.24687 7.16563 7.58125 7.5 7.99687 7.5C8.40625 7.5 8.74062 7.17188 8.74687 6.7625L9.75625 6.18437C10.3688 5.83125 10.7469 5.17813 10.7469 4.47188C10.7469 3.38125 9.8625 2.5 8.775 2.5H6.95625C6.21563 2.5 5.55625 2.96563 5.30625 3.66563ZM9 9.5C9 9.23478 8.89464 8.98043 8.70711 8.79289C8.51957 8.60536 8.26522 8.5 8 8.5C7.73478 8.5 7.48043 8.60536 7.29289 8.79289C7.10536 8.98043 7 9.23478 7 9.5C7 9.76522 7.10536 10.0196 7.29289 10.2071C7.48043 10.3946 7.73478 10.5 8 10.5C8.26522 10.5 8.51957 10.3946 8.70711 10.2071C8.89464 10.0196 9 9.76522 9 9.5Z" fill="#0F1521"/>
+              </g>
+              <defs>
+              <clipPath id="clip0_2700_33978">
+              <rect width="16" height="16" fill="white"/>
+              </clipPath>
+              </defs>
+              </svg> Customer Service</a>
+            <hr>
+            <!-- sections -->
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">News</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
+              </div>
             </div>
-          </div>
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">Business</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">Sports</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
+              </div>
             </div>
-          </div>
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">Living</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">Politics</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
+              </div>
             </div>
-          </div>
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">Entertainment</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">Business</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
+              </div>
             </div>
-          </div>
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">Opinion</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">Living</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
+              </div>
             </div>
-          </div>
-          <hr>
-          <!-- affliated brands -->
-          <div class="h5">Affliated Brands</div>
-          <a class="row">
-            <img src="#" width="102px" height="60px">
-            <div class="package">
-                <div class="h6">El Nuevo Herald</div>
-                <p>Some text about this brand.</p>
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">Entertainment</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
+              </div>
             </div>
-          </a>
-          <a class="row">
-            <img src="#" width="102px" height="60px">
-            <div class="package">
-                <div class="h6">Miami.com</div>
-                <p>Some text about this brand.</p>
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">Opinion</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
+              </div>
             </div>
-          </a>
-          <a class="row">
-            <img src="#" width="102px" height="60px">
-            <div class="package">
-                <div class="h6">Detour Travel</div>
-                <p>Some text about this brand.</p>
+            <hr>
+            <!-- affliated brands -->
+            <div class="h5">Affliated Brands</div>
+            <a class="row">
+              <img src="#" width="102px" height="60px">
+              <div class="package">
+                  <div class="h6">El Nuevo Herald</div>
+                  <p>Some text about this brand.</p>
+              </div>
+            </a>
+            <a class="row">
+              <img src="#" width="102px" height="60px">
+              <div class="package">
+                  <div class="h6">Miami.com</div>
+                  <p>Some text about this brand.</p>
+              </div>
+            </a>
+            <a class="row">
+              <img src="#" width="102px" height="60px">
+              <div class="package">
+                  <div class="h6">Detour Travel</div>
+                  <p>Some text about this brand.</p>
+              </div>
+            </a>
+            <a class="row">
+              <img src="#" width="102px" height="60px">
+              <div class="package">
+                  <div class="h6">Florida Keys News</div>
+                  <p>Some text about this brand.</p>
+              </div>
+            </a>
+            <hr>
+            <!-- partner content -->
+            <div class="h5">Partner Content</div>
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">Shopping/Reviews</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
             </div>
-          </a>
-          <a class="row">
-            <img src="#" width="102px" height="60px">
-            <div class="package">
-                <div class="h6">Florida Keys News</div>
-                <p>Some text about this brand.</p>
             </div>
-          </a>
-          <hr>
-          <!-- partner content -->
-          <div class="h5">Partner Content</div>
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">Shopping/Reviews</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
-          </div>
-          </div>
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">Sports Betting</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">Sports Betting</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
+              </div>
             </div>
-          </div>
-          <div class="subsection">
-            <button class="summary expander" onclick="this.classList.toggle('open')">Casinos</button>
-            <div>
-              <a href="#">Subsection 1</a>
-              <a href="#">Subsection 2</a>
-              <a href="#">Subsection 3</a>
-              <a href="#">Subsection 4</a>
-              <a href="#">Subsection 5</a>
+            <div class="subsection">
+              <button class="summary expander" onclick="this.classList.toggle('open')">Casinos</button>
+              <div>
+                <a href="#">Subsection 1</a>
+                <a href="#">Subsection 2</a>
+                <a href="#">Subsection 3</a>
+                <a href="#">Subsection 4</a>
+                <a href="#">Subsection 5</a>
+              </div>
             </div>
+            <a href="#">Deals &amp; Offers</a>
+            <a href="#">Learn a Language</a>
+            <a href="#">Senior Living</a>
+            <a href="#">Press Releases</a>
+            <hr>
+            <!-- sponsored content -->
+            <div class="h5">Sponsored Content</div>
+              <a href="#">Paid Content by BrandPoint</a>
+              <a href="#">Family Features</a>
           </div>
-          <a href="#">Deals &amp; Offers</a>
-          <a href="#">Learn a Language</a>
-          <a href="#">Senior Living</a>
-          <a href="#">Press Releases</a>
-          <hr>
-          <!-- sponsored content -->
-          <div class="h5">Sponsored Content</div>
-            <a href="#">Paid Content by BrandPoint</a>
-            <a href="#">Family Features</a>
-        </div>
-    </div>
-</header>
+      </div>
+  </header>
+</div>
 
diff --git a/static/css/cards/flag.css b/static/css/cards/flag.css
index cbe7bbe51..2f49cc662 100644
--- a/static/css/cards/flag.css
+++ b/static/css/cards/flag.css
@@ -14,7 +14,7 @@
   --flag-height: 89px;
 }
 
-body.freeze #main-mastheadVueContainer .updated-flag ~ * {
+body.freeze #main-mastheadVueContainer.newMastheadContainer ~ * {
   filter: brightness(0.7);
 }