From b8f5ab63d038e82871e29428ac9522d4f85346cf Mon Sep 17 00:00:00 2001
From: poojagunturu96 <poojagunturu96@users.noreply.github.com>
Date: Fri, 27 Sep 2024 14:33:08 +0000
Subject: [PATCH] deploy: a4ae7556cf50dbe9b28245cb4b21a0ac7b98e5eb

---
 anchor-basic-content.html               | 278 ++++----
 davis-home.html                         |   4 +-
 icons/sprites/symbol/sprite.symbol.html |   2 +-
 midd-course-list.html                   | 104 +--
 midd-event-list.html                    | 104 +--
 midd-home.html                          | 154 ++--
 midd-profile-detail.html                |  42 +-
 office-library-home.html                |  22 +-
 office-top-level.html                   | 221 +++---
 school-basic-content.html               | 278 ++++----
 school-charts.html                      |  10 +-
 school-collection.html                  |  44 +-
 school-course-list.html                 |  54 +-
 school-event-list.html                  | 104 +--
 school-home-blse.html                   |   6 +-
 school-home-college.html                | 488 +++++++++----
 school-home-institute.html              | 334 ++++-----
 school-home-language-schools.html       |   4 +-
 school-home-schools-abroad.html         |  72 +-
 school-profile-detail.html              | 160 +----
 school-top-level.html                   | 204 +++---
 wrmc-daily-schedule.html                | 140 ++--
 wrmc-top-thirty.html                    |  94 +--
 wrmc-weekly-schedule.html               | 888 ++++++++++++------------
 24 files changed, 2006 insertions(+), 1805 deletions(-)

diff --git a/anchor-basic-content.html b/anchor-basic-content.html
index f4d4b069..7b6dad5c 100644
--- a/anchor-basic-content.html
+++ b/anchor-basic-content.html
@@ -466,14 +466,14 @@ <h2 class="page-nav__title" id="midd-page-nav-label">
                     signupFormObj.drawForm();
                   </script>
                 </div>
-                <section class="section paragraph" aria-labelledby="section-397-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-786-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-397-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-786-label"> Schedule Component </h2>
                     <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                   </div>
                   <div class="schedule-header">
                     <p class="schedule-header__date"> Sunday, December 10 </p>
-                    <h3 id="midd-event-397" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-397" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-786" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-786" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                     </h3>
                   </div>
                   <div class="schedule-item">
@@ -646,81 +646,81 @@ <h2 class="h3 mb-3"> Was this page helpful? </h2>
                     <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Submit" class="button button--primary js-form-submit form-submit" />
                   </form>
                 </div>
-                <div class="paragraph flowchart" id="986" data-flowchart>
-                  <div id="flowchart-986-1" class="flowchart__item " data-flowchart-item>
+                <div class="paragraph flowchart" id="496" data-flowchart>
+                  <div id="flowchart-496-1" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Do you need chat functionality? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-986-2" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-496-2" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-986-3" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-496-3" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-986-2" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-496-2" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Will your chats include sensitive data or will you be collaborating with external guests? </h3>
                     <div class="typography"> Specifically will include sensitive content, not just discussion around sensitive topics – distinguish between “Change the SSN” and “Change SSN from xxx-xx-xxxx to...” </div>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-986-4" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-496-4" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-986-5" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-496-5" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-986-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-496-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Do not use chat. </div>
                   </div>
-                  <div id="flowchart-986-4" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-496-4" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Has you department or collaborants selected a tool? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-986-5" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-496-5" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-986-7" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-496-7" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-986-5" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-496-5" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Teams or Zoom? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-986-6" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-496-6" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-986-8" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-496-8" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-986-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-496-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Use Teams or Zoom. </div>
                   </div>
-                  <div id="flowchart-986-7" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-496-7" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Simple Chat? (vs. a more fully featured, integrated capability?) </h3>
                     <div class="typography"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. </div>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-986-9" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-496-9" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-986-10" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-496-10" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-986-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-496-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Use select tool but consider switching to Teams or Zoom. </div>
                   </div>
-                  <div id="flowchart-986-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-496-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> We suggest Teams. <a href="#">Set up your Teams account</a>. </div>
                   </div>
-                  <div id="flowchart-986-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-496-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> We suggest Zoom. <a href="#">Set up your Zoom account</a>. </div>
                   </div>
@@ -736,10 +736,10 @@ <h2 class="section__title"> Portrait video group </h2>
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-430">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-269">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-430"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-269"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -747,12 +747,12 @@ <h3 class="portrait-video__title" id="midd-video-label-430"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-430 mt-2">
-                          <a href="#midd-transcript-430" class="transcript__button" data-toggle-target=".js-transcript-430" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-269 mt-2">
+                          <a href="#midd-transcript-269" class="transcript__button" data-toggle-target=".js-transcript-269" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-430">
+                          <div class="transcript__body" id="midd-transcript-269">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -763,10 +763,10 @@ <h3 class="portrait-video__title" id="midd-video-label-430"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-105">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-279">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-105"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-279"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -774,12 +774,12 @@ <h3 class="portrait-video__title" id="midd-video-label-105"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-105 mt-2">
-                          <a href="#midd-transcript-105" class="transcript__button" data-toggle-target=".js-transcript-105" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-279 mt-2">
+                          <a href="#midd-transcript-279" class="transcript__button" data-toggle-target=".js-transcript-279" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-105">
+                          <div class="transcript__body" id="midd-transcript-279">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -790,10 +790,10 @@ <h3 class="portrait-video__title" id="midd-video-label-105"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-240">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-836">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-240"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-836"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -801,12 +801,12 @@ <h3 class="portrait-video__title" id="midd-video-label-240"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-240 mt-2">
-                          <a href="#midd-transcript-240" class="transcript__button" data-toggle-target=".js-transcript-240" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-836 mt-2">
+                          <a href="#midd-transcript-836" class="transcript__button" data-toggle-target=".js-transcript-836" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-240">
+                          <div class="transcript__body" id="midd-transcript-836">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -817,10 +817,10 @@ <h3 class="portrait-video__title" id="midd-video-label-240"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1141">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1195">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-1141"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-1195"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -828,12 +828,12 @@ <h3 class="portrait-video__title" id="midd-video-label-1141"> What do students d
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-1141 mt-2">
-                          <a href="#midd-transcript-1141" class="transcript__button" data-toggle-target=".js-transcript-1141" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-1195 mt-2">
+                          <a href="#midd-transcript-1195" class="transcript__button" data-toggle-target=".js-transcript-1195" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-1141">
+                          <div class="transcript__body" id="midd-transcript-1195">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -844,10 +844,10 @@ <h3 class="portrait-video__title" id="midd-video-label-1141"> What do students d
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-259">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-483">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-259"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-483"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -855,12 +855,12 @@ <h3 class="portrait-video__title" id="midd-video-label-259"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-259 mt-2">
-                          <a href="#midd-transcript-259" class="transcript__button" data-toggle-target=".js-transcript-259" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-483 mt-2">
+                          <a href="#midd-transcript-483" class="transcript__button" data-toggle-target=".js-transcript-483" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-259">
+                          <div class="transcript__body" id="midd-transcript-483">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -887,7 +887,7 @@ <h2 class="section__title"> Video group </h2>
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-627">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1007">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -898,14 +898,14 @@ <h2 class="section__title"> Video group </h2>
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-627">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-1007">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-627 grid-video__transcript">
-                            <a href="#midd-transcript-627" class="transcript__button" data-toggle-target=".js-transcript-627" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-1007 grid-video__transcript">
+                            <a href="#midd-transcript-1007" class="transcript__button" data-toggle-target=".js-transcript-1007" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-627">
+                            <div class="transcript__body" id="midd-transcript-1007">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -918,7 +918,7 @@ <h3 class=video__title id="midd-video-label-627">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-203">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1076">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -929,14 +929,14 @@ <h3 class=video__title id="midd-video-label-627">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-203">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-1076">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-203 grid-video__transcript">
-                            <a href="#midd-transcript-203" class="transcript__button" data-toggle-target=".js-transcript-203" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-1076 grid-video__transcript">
+                            <a href="#midd-transcript-1076" class="transcript__button" data-toggle-target=".js-transcript-1076" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-203">
+                            <div class="transcript__body" id="midd-transcript-1076">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -949,7 +949,7 @@ <h3 class=video__title id="midd-video-label-203">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-516">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-169">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -960,14 +960,14 @@ <h3 class=video__title id="midd-video-label-203">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-516">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-169">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-516 grid-video__transcript">
-                            <a href="#midd-transcript-516" class="transcript__button" data-toggle-target=".js-transcript-516" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-169 grid-video__transcript">
+                            <a href="#midd-transcript-169" class="transcript__button" data-toggle-target=".js-transcript-169" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-516">
+                            <div class="transcript__body" id="midd-transcript-169">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -980,7 +980,7 @@ <h3 class=video__title id="midd-video-label-516">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1144">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-716">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -991,14 +991,14 @@ <h3 class=video__title id="midd-video-label-516">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-1144">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-716">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-1144 grid-video__transcript">
-                            <a href="#midd-transcript-1144" class="transcript__button" data-toggle-target=".js-transcript-1144" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-716 grid-video__transcript">
+                            <a href="#midd-transcript-716" class="transcript__button" data-toggle-target=".js-transcript-716" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-1144">
+                            <div class="transcript__body" id="midd-transcript-716">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1011,7 +1011,7 @@ <h3 class=video__title id="midd-video-label-1144">Practical Skills for Positive
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1123">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1232">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1022,14 +1022,14 @@ <h3 class=video__title id="midd-video-label-1144">Practical Skills for Positive
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-1123">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-1232">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-1123 grid-video__transcript">
-                            <a href="#midd-transcript-1123" class="transcript__button" data-toggle-target=".js-transcript-1123" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-1232 grid-video__transcript">
+                            <a href="#midd-transcript-1232" class="transcript__button" data-toggle-target=".js-transcript-1232" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-1123">
+                            <div class="transcript__body" id="midd-transcript-1232">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2530,14 +2530,14 @@ <h3>
                   <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
                   <p>Lorem ipsum, dolor sit amet <a href="">consectetur</a> adipisicing elit. Rerum commodi qui dolor, voluptas praesentium numquam assumenda harum enim alias nihil recusandae expedita. Ipsam nobis eum porro beatae magni laudantium incidunt?</p>
                 </div>
-                <section class="section paragraph" aria-labelledby="section-32-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-1083-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-32-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-1083-label"> Schedule Component </h2>
                     <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                   </div>
                   <div class="schedule-header">
                     <p class="schedule-header__date"> Sunday, December 10 </p>
-                    <h3 id="midd-event-32" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-32" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-1083" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-1083" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                     </h3>
                   </div>
                   <div class="schedule-item">
@@ -2694,153 +2694,153 @@ <h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3>
                 <section class="section paragraph--faq" data-digest-content>
                   <h2 class="section__title"> Frequently Asked Questions </h2>
                   <div class="accordion" role="tablist">
-                    <div class="accordion-item js-accordion-item-1032">
+                    <div class="accordion-item js-accordion-item-338">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1032" class="accordion-item__link" data-toggle-target=".js-accordion-item-1032" aria-expanded="false" aria-controls="midd-accordion-content-1032" aria-labelledby="midd-accordion-item-label-1032" role="button">
+                        <a href="#midd-accordion-item-label-338" class="accordion-item__link" data-toggle-target=".js-accordion-item-338" aria-expanded="false" aria-controls="midd-accordion-content-338" aria-labelledby="midd-accordion-item-label-338" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1032"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-338"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-1032" role="tabpanel" aria-labelledby="midd-accordion-item-label-1032">
+                      <div class="accordion-item__content" id="midd-accordion-content-338" role="tabpanel" aria-labelledby="midd-accordion-item-label-338">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-76">
+                    <div class="accordion-item js-accordion-item-517">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-76" class="accordion-item__link" data-toggle-target=".js-accordion-item-76" aria-expanded="false" aria-controls="midd-accordion-content-76" aria-labelledby="midd-accordion-item-label-76" role="button">
+                        <a href="#midd-accordion-item-label-517" class="accordion-item__link" data-toggle-target=".js-accordion-item-517" aria-expanded="false" aria-controls="midd-accordion-content-517" aria-labelledby="midd-accordion-item-label-517" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-76"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-517"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-76" role="tabpanel" aria-labelledby="midd-accordion-item-label-76">
+                      <div class="accordion-item__content" id="midd-accordion-content-517" role="tabpanel" aria-labelledby="midd-accordion-item-label-517">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-664">
+                    <div class="accordion-item js-accordion-item-1083">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-664" class="accordion-item__link" data-toggle-target=".js-accordion-item-664" aria-expanded="false" aria-controls="midd-accordion-content-664" aria-labelledby="midd-accordion-item-label-664" role="button">
+                        <a href="#midd-accordion-item-label-1083" class="accordion-item__link" data-toggle-target=".js-accordion-item-1083" aria-expanded="false" aria-controls="midd-accordion-content-1083" aria-labelledby="midd-accordion-item-label-1083" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-664">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1083">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-664" role="tabpanel" aria-labelledby="midd-accordion-item-label-664">
+                      <div class="accordion-item__content" id="midd-accordion-content-1083" role="tabpanel" aria-labelledby="midd-accordion-item-label-1083">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-75">
+                    <div class="accordion-item js-accordion-item-1057">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-75" class="accordion-item__link" data-toggle-target=".js-accordion-item-75" aria-expanded="false" aria-controls="midd-accordion-content-75" aria-labelledby="midd-accordion-item-label-75" role="button">
+                        <a href="#midd-accordion-item-label-1057" class="accordion-item__link" data-toggle-target=".js-accordion-item-1057" aria-expanded="false" aria-controls="midd-accordion-content-1057" aria-labelledby="midd-accordion-item-label-1057" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-75">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1057">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-75" role="tabpanel" aria-labelledby="midd-accordion-item-label-75">
+                      <div class="accordion-item__content" id="midd-accordion-content-1057" role="tabpanel" aria-labelledby="midd-accordion-item-label-1057">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-399">
+                    <div class="accordion-item js-accordion-item-847">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-399" class="accordion-item__link" data-toggle-target=".js-accordion-item-399" aria-expanded="false" aria-controls="midd-accordion-content-399" aria-labelledby="midd-accordion-item-label-399" role="button">
+                        <a href="#midd-accordion-item-label-847" class="accordion-item__link" data-toggle-target=".js-accordion-item-847" aria-expanded="false" aria-controls="midd-accordion-content-847" aria-labelledby="midd-accordion-item-label-847" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-399">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-847">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-399" role="tabpanel" aria-labelledby="midd-accordion-item-label-399">
+                      <div class="accordion-item__content" id="midd-accordion-content-847" role="tabpanel" aria-labelledby="midd-accordion-item-label-847">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1225">
+                    <div class="accordion-item js-accordion-item-418">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1225" class="accordion-item__link" data-toggle-target=".js-accordion-item-1225" aria-expanded="false" aria-controls="midd-accordion-content-1225" aria-labelledby="midd-accordion-item-label-1225" role="button">
+                        <a href="#midd-accordion-item-label-418" class="accordion-item__link" data-toggle-target=".js-accordion-item-418" aria-expanded="false" aria-controls="midd-accordion-content-418" aria-labelledby="midd-accordion-item-label-418" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1225">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-418">Lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-1225" role="tabpanel" aria-labelledby="midd-accordion-item-label-1225">
+                      <div class="accordion-item__content" id="midd-accordion-content-418" role="tabpanel" aria-labelledby="midd-accordion-item-label-418">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-368">
+                    <div class="accordion-item js-accordion-item-473">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-368" class="accordion-item__link" data-toggle-target=".js-accordion-item-368" aria-expanded="false" aria-controls="midd-accordion-content-368" aria-labelledby="midd-accordion-item-label-368" role="button">
+                        <a href="#midd-accordion-item-label-473" class="accordion-item__link" data-toggle-target=".js-accordion-item-473" aria-expanded="false" aria-controls="midd-accordion-content-473" aria-labelledby="midd-accordion-item-label-473" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-368">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-473">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-368" role="tabpanel" aria-labelledby="midd-accordion-item-label-368">
+                      <div class="accordion-item__content" id="midd-accordion-content-473" role="tabpanel" aria-labelledby="midd-accordion-item-label-473">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-91">
+                    <div class="accordion-item js-accordion-item-850">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-91" class="accordion-item__link" data-toggle-target=".js-accordion-item-91" aria-expanded="false" aria-controls="midd-accordion-content-91" aria-labelledby="midd-accordion-item-label-91" role="button">
+                        <a href="#midd-accordion-item-label-850" class="accordion-item__link" data-toggle-target=".js-accordion-item-850" aria-expanded="false" aria-controls="midd-accordion-content-850" aria-labelledby="midd-accordion-item-label-850" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-91">Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-850">Lorem ipsum dolor sit amet elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-91" role="tabpanel" aria-labelledby="midd-accordion-item-label-91">
+                      <div class="accordion-item__content" id="midd-accordion-content-850" role="tabpanel" aria-labelledby="midd-accordion-item-label-850">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-900">
+                    <div class="accordion-item js-accordion-item-1052">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-900" class="accordion-item__link" data-toggle-target=".js-accordion-item-900" aria-expanded="false" aria-controls="midd-accordion-content-900" aria-labelledby="midd-accordion-item-label-900" role="button">
+                        <a href="#midd-accordion-item-label-1052" class="accordion-item__link" data-toggle-target=".js-accordion-item-1052" aria-expanded="false" aria-controls="midd-accordion-content-1052" aria-labelledby="midd-accordion-item-label-1052" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-900">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1052">Lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-900" role="tabpanel" aria-labelledby="midd-accordion-item-label-900">
+                      <div class="accordion-item__content" id="midd-accordion-content-1052" role="tabpanel" aria-labelledby="midd-accordion-item-label-1052">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2849,16 +2849,16 @@ <h3 class="accordion-item__title" role="tab">
                     </div>
                   </div>
                 </section>
-                <section class="section paragraph--course-list js-filter-943" data-digest-content>
+                <section class="section paragraph--course-list js-filter-198" data-digest-content>
                   <div class="section__header">
                     <h2 class="section__title"> Course Title </h2>
                     <p class="section__text"> These are the courses I teach. </p>
                   </div>
                   <div class="accordion" role="tablist">
-                    <div class="accordion-item js-accordion-item-776 accordion-item-current accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-667 accordion-item-current accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-776" class="accordion-item__link" data-toggle-target=".js-accordion-item-776" aria-expanded="false" aria-controls="midd-accordion-content-776" aria-labelledby="midd-accordion-item-label-776" role="button">
-                          <span id="midd-accordion-item-label-776">
+                        <a href="#midd-accordion-item-label-667" class="accordion-item__link" data-toggle-target=".js-accordion-item-667" aria-expanded="false" aria-controls="midd-accordion-content-667" aria-labelledby="midd-accordion-item-label-667" role="button">
+                          <span id="midd-accordion-item-label-667">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2866,7 +2866,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-776" role="tabpanel" aria-labelledby="midd-accordion-item-label-776">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-667" role="tabpanel" aria-labelledby="midd-accordion-item-label-667">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2882,10 +2882,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-569">
+                    <div class="accordion-item js-accordion-item-875">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-569" class="accordion-item__link" data-toggle-target=".js-accordion-item-569" aria-expanded="false" aria-controls="midd-accordion-content-569" aria-labelledby="midd-accordion-item-label-569" role="button">
-                          <span id="midd-accordion-item-label-569">
+                        <a href="#midd-accordion-item-label-875" class="accordion-item__link" data-toggle-target=".js-accordion-item-875" aria-expanded="false" aria-controls="midd-accordion-content-875" aria-labelledby="midd-accordion-item-label-875" role="button">
+                          <span id="midd-accordion-item-label-875">
                             <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2893,7 +2893,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-569" role="tabpanel" aria-labelledby="midd-accordion-item-label-569">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-875" role="tabpanel" aria-labelledby="midd-accordion-item-label-875">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2904,10 +2904,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-663 accordion-item-current">
+                    <div class="accordion-item js-accordion-item-893 accordion-item-current">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-663" class="accordion-item__link" data-toggle-target=".js-accordion-item-663" aria-expanded="false" aria-controls="midd-accordion-content-663" aria-labelledby="midd-accordion-item-label-663" role="button">
-                          <span id="midd-accordion-item-label-663">
+                        <a href="#midd-accordion-item-label-893" class="accordion-item__link" data-toggle-target=".js-accordion-item-893" aria-expanded="false" aria-controls="midd-accordion-content-893" aria-labelledby="midd-accordion-item-label-893" role="button">
+                          <span id="midd-accordion-item-label-893">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2915,7 +2915,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-663" role="tabpanel" aria-labelledby="midd-accordion-item-label-663">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-893" role="tabpanel" aria-labelledby="midd-accordion-item-label-893">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2930,10 +2930,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-686 accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-1081 accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-686" class="accordion-item__link" data-toggle-target=".js-accordion-item-686" aria-expanded="false" aria-controls="midd-accordion-content-686" aria-labelledby="midd-accordion-item-label-686" role="button">
-                          <span id="midd-accordion-item-label-686">
+                        <a href="#midd-accordion-item-label-1081" class="accordion-item__link" data-toggle-target=".js-accordion-item-1081" aria-expanded="false" aria-controls="midd-accordion-content-1081" aria-labelledby="midd-accordion-item-label-1081" role="button">
+                          <span id="midd-accordion-item-label-1081">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2941,7 +2941,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-686" role="tabpanel" aria-labelledby="midd-accordion-item-label-686">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-1081" role="tabpanel" aria-labelledby="midd-accordion-item-label-1081">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2952,10 +2952,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-38">
+                    <div class="accordion-item js-accordion-item-45">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-38" class="accordion-item__link" data-toggle-target=".js-accordion-item-38" aria-expanded="false" aria-controls="midd-accordion-content-38" aria-labelledby="midd-accordion-item-label-38" role="button">
-                          <span id="midd-accordion-item-label-38">
+                        <a href="#midd-accordion-item-label-45" class="accordion-item__link" data-toggle-target=".js-accordion-item-45" aria-expanded="false" aria-controls="midd-accordion-content-45" aria-labelledby="midd-accordion-item-label-45" role="button">
+                          <span id="midd-accordion-item-label-45">
                             <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2963,7 +2963,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-38" role="tabpanel" aria-labelledby="midd-accordion-item-label-38">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-45" role="tabpanel" aria-labelledby="midd-accordion-item-label-45">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -3248,7 +3248,7 @@ <h2> Two Column Text Heading </h2>
                   <!-- video iframe html should be escaped -->
                   <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                     <div class="video__content js-video-content">
-                      <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-720">
+                      <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-738">
                         <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                         <span class="button  button--primary video__button"> Play <span class="ml-3">
                             <svg class="icon  " focusable="false" aria-hidden="true">
@@ -3259,14 +3259,14 @@ <h2> Two Column Text Heading </h2>
                       </a>
                     </div>
                     <figcaption class=" video__body">
-                      <h3 class=video__title id="midd-video-label-720">Practical Skills for Positive Change</h3>
+                      <h3 class=video__title id="midd-video-label-738">Practical Skills for Positive Change</h3>
                       <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                      <div class="transcript js-transcript-720 grid-video__transcript">
-                        <a href="#midd-transcript-720" class="transcript__button" data-toggle-target=".js-transcript-720" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                      <div class="transcript js-transcript-738 grid-video__transcript">
+                        <a href="#midd-transcript-738" class="transcript__button" data-toggle-target=".js-transcript-738" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
-                        <div class="transcript__body" id="midd-transcript-720">
+                        <div class="transcript__body" id="midd-transcript-738">
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
diff --git a/davis-home.html b/davis-home.html
index 03feb68c..caed64b7 100644
--- a/davis-home.html
+++ b/davis-home.html
@@ -363,12 +363,12 @@ <h2 class="sr-only" id="midd-main-nav-label">Main navigation</h2>
               <img src="https://placehold.co/1440x576" srcset="https://placehold.co/400x160 400w,https://placehold.co/640x256 640w,https://placehold.co/960x384 960w,https://placehold.co/1280x512 1280w,https://placehold.co/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-1090">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-763">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-1090"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-763"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
diff --git a/icons/sprites/symbol/sprite.symbol.html b/icons/sprites/symbol/sprite.symbol.html
index bdf998d0..d0257910 100644
--- a/icons/sprites/symbol/sprite.symbol.html
+++ b/icons/sprites/symbol/sprite.symbol.html
@@ -1115,7 +1115,7 @@ <h2>icon-youtube</h2>
 
         </section>
         <footer>
-            <p>Generated at Fri, 27 Sep 2024 14:23:25 GMT by <a href="https://github.com/svg-sprite/svg-sprite" target="_blank" rel="noopener noreferrer">svg-sprite</a>.</p>
+            <p>Generated at Fri, 27 Sep 2024 14:32:58 GMT by <a href="https://github.com/svg-sprite/svg-sprite" target="_blank" rel="noopener noreferrer">svg-sprite</a>.</p>
         </footer>
     </body>
 </html>
diff --git a/midd-course-list.html b/midd-course-list.html
index 8b35bb4e..f290ef95 100644
--- a/midd-course-list.html
+++ b/midd-course-list.html
@@ -381,7 +381,7 @@ <h2 class="filters__title"> Filters </h2>
                   </div>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-1077" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-1155" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -389,13 +389,13 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-1077">
+                    <div class="filter__body js-filter-1155">
                       <label for="midd-events-datepicker" class="sr-only"> Filter by date </label>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-87" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-260" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -403,36 +403,36 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-87">
+                    <div class="filter__body js-filter-260">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-87-1" />
-                        <label for="checkbox-item-87-1" id="checkbox-label-87-1" class="checkbox__label"> Arts Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-260-1" />
+                        <label for="checkbox-item-260-1" id="checkbox-label-260-1" class="checkbox__label"> Arts Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-87-2" />
-                        <label for="checkbox-item-87-2" id="checkbox-label-87-2" class="checkbox__label"> Athletics Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-260-2" />
+                        <label for="checkbox-item-260-2" id="checkbox-label-260-2" class="checkbox__label"> Athletics Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-87-3" />
-                        <label for="checkbox-item-87-3" id="checkbox-label-87-3" class="checkbox__label"> Campus Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-260-3" />
+                        <label for="checkbox-item-260-3" id="checkbox-label-260-3" class="checkbox__label"> Campus Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-87-4" />
-                        <label for="checkbox-item-87-4" id="checkbox-label-87-4" class="checkbox__label"> Featured Events Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-260-4" />
+                        <label for="checkbox-item-260-4" id="checkbox-label-260-4" class="checkbox__label"> Featured Events Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-87-5" />
-                        <label for="checkbox-item-87-5" id="checkbox-label-87-5" class="checkbox__label"> MIIS Main Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-260-5" />
+                        <label for="checkbox-item-260-5" id="checkbox-label-260-5" class="checkbox__label"> MIIS Main Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-87-6" />
-                        <label for="checkbox-item-87-6" id="checkbox-label-87-6" class="checkbox__label"> Student Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-260-6" />
+                        <label for="checkbox-item-260-6" id="checkbox-label-260-6" class="checkbox__label"> Student Calendar </label>
                       </div>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-606" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-989" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -440,79 +440,79 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-606">
+                    <div class="filter__body js-filter-989">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-606-1" />
-                        <label for="checkbox-item-606-1" id="checkbox-label-606-1" class="checkbox__label"> Academic Departments </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-989-1" />
+                        <label for="checkbox-item-989-1" id="checkbox-label-989-1" class="checkbox__label"> Academic Departments </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-1-child-1" aria-labelledby="checkbox-label-606-1-child-1 checkbox-label-606-1" />
-                          <label for="checkbox-item-606-1--child-1" id="checkbox-label-606-1-child-1" class="checkbox__label"> American Studies </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-1-child-1" aria-labelledby="checkbox-label-989-1-child-1 checkbox-label-989-1" />
+                          <label for="checkbox-item-989-1--child-1" id="checkbox-label-989-1-child-1" class="checkbox__label"> American Studies </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-1-child-2" aria-labelledby="checkbox-label-606-1-child-2 checkbox-label-606-1" />
-                          <label for="checkbox-item-606-1--child-2" id="checkbox-label-606-1-child-2" class="checkbox__label"> Anthropology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-1-child-2" aria-labelledby="checkbox-label-989-1-child-2 checkbox-label-989-1" />
+                          <label for="checkbox-item-989-1--child-2" id="checkbox-label-989-1-child-2" class="checkbox__label"> Anthropology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-1-child-3" aria-labelledby="checkbox-label-606-1-child-3 checkbox-label-606-1" />
-                          <label for="checkbox-item-606-1--child-3" id="checkbox-label-606-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-1-child-3" aria-labelledby="checkbox-label-989-1-child-3 checkbox-label-989-1" />
+                          <label for="checkbox-item-989-1--child-3" id="checkbox-label-989-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-1-child-4" aria-labelledby="checkbox-label-606-1-child-4 checkbox-label-606-1" />
-                          <label for="checkbox-item-606-1--child-4" id="checkbox-label-606-1-child-4" class="checkbox__label"> Biology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-1-child-4" aria-labelledby="checkbox-label-989-1-child-4 checkbox-label-989-1" />
+                          <label for="checkbox-item-989-1--child-4" id="checkbox-label-989-1-child-4" class="checkbox__label"> Biology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-1-child-5" aria-labelledby="checkbox-label-606-1-child-5 checkbox-label-606-1" />
-                          <label for="checkbox-item-606-1--child-5" id="checkbox-label-606-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-1-child-5" aria-labelledby="checkbox-label-989-1-child-5 checkbox-label-989-1" />
+                          <label for="checkbox-item-989-1--child-5" id="checkbox-label-989-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-1-child-6" aria-labelledby="checkbox-label-606-1-child-6 checkbox-label-606-1" />
-                          <label for="checkbox-item-606-1--child-6" id="checkbox-label-606-1-child-6" class="checkbox__label"> Music </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-1-child-6" aria-labelledby="checkbox-label-989-1-child-6 checkbox-label-989-1" />
+                          <label for="checkbox-item-989-1--child-6" id="checkbox-label-989-1-child-6" class="checkbox__label"> Music </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-606-2" />
-                        <label for="checkbox-item-606-2" id="checkbox-label-606-2" class="checkbox__label"> Administrative Offices </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-989-2" />
+                        <label for="checkbox-item-989-2" id="checkbox-label-989-2" class="checkbox__label"> Administrative Offices </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-2-child-1" aria-labelledby="checkbox-label-606-2-child-1 checkbox-label-606-2" />
-                          <label for="checkbox-item-606-2--child-1" id="checkbox-label-606-2-child-1" class="checkbox__label"> Academic Affairs </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-2-child-1" aria-labelledby="checkbox-label-989-2-child-1 checkbox-label-989-2" />
+                          <label for="checkbox-item-989-2--child-1" id="checkbox-label-989-2-child-1" class="checkbox__label"> Academic Affairs </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-2-child-2" aria-labelledby="checkbox-label-606-2-child-2 checkbox-label-606-2" />
-                          <label for="checkbox-item-606-2--child-2" id="checkbox-label-606-2-child-2" class="checkbox__label"> Admissions </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-2-child-2" aria-labelledby="checkbox-label-989-2-child-2 checkbox-label-989-2" />
+                          <label for="checkbox-item-989-2--child-2" id="checkbox-label-989-2-child-2" class="checkbox__label"> Admissions </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-2-child-3" aria-labelledby="checkbox-label-606-2-child-3 checkbox-label-606-2" />
-                          <label for="checkbox-item-606-2--child-3" id="checkbox-label-606-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-2-child-3" aria-labelledby="checkbox-label-989-2-child-3 checkbox-label-989-2" />
+                          <label for="checkbox-item-989-2--child-3" id="checkbox-label-989-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-2-child-4" aria-labelledby="checkbox-label-606-2-child-4 checkbox-label-606-2" />
-                          <label for="checkbox-item-606-2--child-4" id="checkbox-label-606-2-child-4" class="checkbox__label"> Museum of Art </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-2-child-4" aria-labelledby="checkbox-label-989-2-child-4 checkbox-label-989-2" />
+                          <label for="checkbox-item-989-2--child-4" id="checkbox-label-989-2-child-4" class="checkbox__label"> Museum of Art </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-606-3" />
-                        <label for="checkbox-item-606-3" id="checkbox-label-606-3" class="checkbox__label"> Student Organizations </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-989-3" />
+                        <label for="checkbox-item-989-3" id="checkbox-label-989-3" class="checkbox__label"> Student Organizations </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-3-child-1" aria-labelledby="checkbox-label-606-3-child-1 checkbox-label-606-3" />
-                          <label for="checkbox-item-606-3--child-1" id="checkbox-label-606-3-child-1" class="checkbox__label"> Amnesty International </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-3-child-1" aria-labelledby="checkbox-label-989-3-child-1 checkbox-label-989-3" />
+                          <label for="checkbox-item-989-3--child-1" id="checkbox-label-989-3-child-1" class="checkbox__label"> Amnesty International </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-3-child-2" aria-labelledby="checkbox-label-606-3-child-2 checkbox-label-606-3" />
-                          <label for="checkbox-item-606-3--child-2" id="checkbox-label-606-3-child-2" class="checkbox__label"> Black Student Union </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-3-child-2" aria-labelledby="checkbox-label-989-3-child-2 checkbox-label-989-3" />
+                          <label for="checkbox-item-989-3--child-2" id="checkbox-label-989-3-child-2" class="checkbox__label"> Black Student Union </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-3-child-3" aria-labelledby="checkbox-label-606-3-child-3 checkbox-label-606-3" />
-                          <label for="checkbox-item-606-3--child-3" id="checkbox-label-606-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-3-child-3" aria-labelledby="checkbox-label-989-3-child-3 checkbox-label-989-3" />
+                          <label for="checkbox-item-989-3--child-3" id="checkbox-label-989-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-606-3-child-4" aria-labelledby="checkbox-label-606-3-child-4 checkbox-label-606-3" />
-                          <label for="checkbox-item-606-3--child-4" id="checkbox-label-606-3-child-4" class="checkbox__label"> Quidditch </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-989-3-child-4" aria-labelledby="checkbox-label-989-3-child-4 checkbox-label-989-3" />
+                          <label for="checkbox-item-989-3--child-4" id="checkbox-label-989-3-child-4" class="checkbox__label"> Quidditch </label>
                         </div>
                       </div>
                     </div>
diff --git a/midd-event-list.html b/midd-event-list.html
index 5dac36cb..4d13225e 100644
--- a/midd-event-list.html
+++ b/midd-event-list.html
@@ -355,7 +355,7 @@ <h2 class="filters__title"> Filters </h2>
                   </div>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-1001" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-508" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -363,13 +363,13 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-1001">
+                    <div class="filter__body js-filter-508">
                       <label for="midd-events-datepicker" class="sr-only"> Filter by date </label>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-403" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-441" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -377,36 +377,36 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-403">
+                    <div class="filter__body js-filter-441">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-403-1" />
-                        <label for="checkbox-item-403-1" id="checkbox-label-403-1" class="checkbox__label"> Arts Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-441-1" />
+                        <label for="checkbox-item-441-1" id="checkbox-label-441-1" class="checkbox__label"> Arts Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-403-2" />
-                        <label for="checkbox-item-403-2" id="checkbox-label-403-2" class="checkbox__label"> Athletics Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-441-2" />
+                        <label for="checkbox-item-441-2" id="checkbox-label-441-2" class="checkbox__label"> Athletics Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-403-3" />
-                        <label for="checkbox-item-403-3" id="checkbox-label-403-3" class="checkbox__label"> Campus Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-441-3" />
+                        <label for="checkbox-item-441-3" id="checkbox-label-441-3" class="checkbox__label"> Campus Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-403-4" />
-                        <label for="checkbox-item-403-4" id="checkbox-label-403-4" class="checkbox__label"> Featured Events Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-441-4" />
+                        <label for="checkbox-item-441-4" id="checkbox-label-441-4" class="checkbox__label"> Featured Events Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-403-5" />
-                        <label for="checkbox-item-403-5" id="checkbox-label-403-5" class="checkbox__label"> MIIS Main Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-441-5" />
+                        <label for="checkbox-item-441-5" id="checkbox-label-441-5" class="checkbox__label"> MIIS Main Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-403-6" />
-                        <label for="checkbox-item-403-6" id="checkbox-label-403-6" class="checkbox__label"> Student Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-441-6" />
+                        <label for="checkbox-item-441-6" id="checkbox-label-441-6" class="checkbox__label"> Student Calendar </label>
                       </div>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-253" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-252" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -414,79 +414,79 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-253">
+                    <div class="filter__body js-filter-252">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-253-1" />
-                        <label for="checkbox-item-253-1" id="checkbox-label-253-1" class="checkbox__label"> Academic Departments </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-252-1" />
+                        <label for="checkbox-item-252-1" id="checkbox-label-252-1" class="checkbox__label"> Academic Departments </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-1-child-1" aria-labelledby="checkbox-label-253-1-child-1 checkbox-label-253-1" />
-                          <label for="checkbox-item-253-1--child-1" id="checkbox-label-253-1-child-1" class="checkbox__label"> American Studies </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-1-child-1" aria-labelledby="checkbox-label-252-1-child-1 checkbox-label-252-1" />
+                          <label for="checkbox-item-252-1--child-1" id="checkbox-label-252-1-child-1" class="checkbox__label"> American Studies </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-1-child-2" aria-labelledby="checkbox-label-253-1-child-2 checkbox-label-253-1" />
-                          <label for="checkbox-item-253-1--child-2" id="checkbox-label-253-1-child-2" class="checkbox__label"> Anthropology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-1-child-2" aria-labelledby="checkbox-label-252-1-child-2 checkbox-label-252-1" />
+                          <label for="checkbox-item-252-1--child-2" id="checkbox-label-252-1-child-2" class="checkbox__label"> Anthropology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-1-child-3" aria-labelledby="checkbox-label-253-1-child-3 checkbox-label-253-1" />
-                          <label for="checkbox-item-253-1--child-3" id="checkbox-label-253-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-1-child-3" aria-labelledby="checkbox-label-252-1-child-3 checkbox-label-252-1" />
+                          <label for="checkbox-item-252-1--child-3" id="checkbox-label-252-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-1-child-4" aria-labelledby="checkbox-label-253-1-child-4 checkbox-label-253-1" />
-                          <label for="checkbox-item-253-1--child-4" id="checkbox-label-253-1-child-4" class="checkbox__label"> Biology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-1-child-4" aria-labelledby="checkbox-label-252-1-child-4 checkbox-label-252-1" />
+                          <label for="checkbox-item-252-1--child-4" id="checkbox-label-252-1-child-4" class="checkbox__label"> Biology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-1-child-5" aria-labelledby="checkbox-label-253-1-child-5 checkbox-label-253-1" />
-                          <label for="checkbox-item-253-1--child-5" id="checkbox-label-253-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-1-child-5" aria-labelledby="checkbox-label-252-1-child-5 checkbox-label-252-1" />
+                          <label for="checkbox-item-252-1--child-5" id="checkbox-label-252-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-1-child-6" aria-labelledby="checkbox-label-253-1-child-6 checkbox-label-253-1" />
-                          <label for="checkbox-item-253-1--child-6" id="checkbox-label-253-1-child-6" class="checkbox__label"> Music </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-1-child-6" aria-labelledby="checkbox-label-252-1-child-6 checkbox-label-252-1" />
+                          <label for="checkbox-item-252-1--child-6" id="checkbox-label-252-1-child-6" class="checkbox__label"> Music </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-253-2" />
-                        <label for="checkbox-item-253-2" id="checkbox-label-253-2" class="checkbox__label"> Administrative Offices </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-252-2" />
+                        <label for="checkbox-item-252-2" id="checkbox-label-252-2" class="checkbox__label"> Administrative Offices </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-2-child-1" aria-labelledby="checkbox-label-253-2-child-1 checkbox-label-253-2" />
-                          <label for="checkbox-item-253-2--child-1" id="checkbox-label-253-2-child-1" class="checkbox__label"> Academic Affairs </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-2-child-1" aria-labelledby="checkbox-label-252-2-child-1 checkbox-label-252-2" />
+                          <label for="checkbox-item-252-2--child-1" id="checkbox-label-252-2-child-1" class="checkbox__label"> Academic Affairs </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-2-child-2" aria-labelledby="checkbox-label-253-2-child-2 checkbox-label-253-2" />
-                          <label for="checkbox-item-253-2--child-2" id="checkbox-label-253-2-child-2" class="checkbox__label"> Admissions </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-2-child-2" aria-labelledby="checkbox-label-252-2-child-2 checkbox-label-252-2" />
+                          <label for="checkbox-item-252-2--child-2" id="checkbox-label-252-2-child-2" class="checkbox__label"> Admissions </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-2-child-3" aria-labelledby="checkbox-label-253-2-child-3 checkbox-label-253-2" />
-                          <label for="checkbox-item-253-2--child-3" id="checkbox-label-253-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-2-child-3" aria-labelledby="checkbox-label-252-2-child-3 checkbox-label-252-2" />
+                          <label for="checkbox-item-252-2--child-3" id="checkbox-label-252-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-2-child-4" aria-labelledby="checkbox-label-253-2-child-4 checkbox-label-253-2" />
-                          <label for="checkbox-item-253-2--child-4" id="checkbox-label-253-2-child-4" class="checkbox__label"> Museum of Art </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-2-child-4" aria-labelledby="checkbox-label-252-2-child-4 checkbox-label-252-2" />
+                          <label for="checkbox-item-252-2--child-4" id="checkbox-label-252-2-child-4" class="checkbox__label"> Museum of Art </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-253-3" />
-                        <label for="checkbox-item-253-3" id="checkbox-label-253-3" class="checkbox__label"> Student Organizations </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-252-3" />
+                        <label for="checkbox-item-252-3" id="checkbox-label-252-3" class="checkbox__label"> Student Organizations </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-3-child-1" aria-labelledby="checkbox-label-253-3-child-1 checkbox-label-253-3" />
-                          <label for="checkbox-item-253-3--child-1" id="checkbox-label-253-3-child-1" class="checkbox__label"> Amnesty International </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-3-child-1" aria-labelledby="checkbox-label-252-3-child-1 checkbox-label-252-3" />
+                          <label for="checkbox-item-252-3--child-1" id="checkbox-label-252-3-child-1" class="checkbox__label"> Amnesty International </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-3-child-2" aria-labelledby="checkbox-label-253-3-child-2 checkbox-label-253-3" />
-                          <label for="checkbox-item-253-3--child-2" id="checkbox-label-253-3-child-2" class="checkbox__label"> Black Student Union </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-3-child-2" aria-labelledby="checkbox-label-252-3-child-2 checkbox-label-252-3" />
+                          <label for="checkbox-item-252-3--child-2" id="checkbox-label-252-3-child-2" class="checkbox__label"> Black Student Union </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-3-child-3" aria-labelledby="checkbox-label-253-3-child-3 checkbox-label-253-3" />
-                          <label for="checkbox-item-253-3--child-3" id="checkbox-label-253-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-3-child-3" aria-labelledby="checkbox-label-252-3-child-3 checkbox-label-252-3" />
+                          <label for="checkbox-item-252-3--child-3" id="checkbox-label-252-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-253-3-child-4" aria-labelledby="checkbox-label-253-3-child-4 checkbox-label-253-3" />
-                          <label for="checkbox-item-253-3--child-4" id="checkbox-label-253-3-child-4" class="checkbox__label"> Quidditch </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-252-3-child-4" aria-labelledby="checkbox-label-252-3-child-4 checkbox-label-252-3" />
+                          <label for="checkbox-item-252-3--child-4" id="checkbox-label-252-3-child-4" class="checkbox__label"> Quidditch </label>
                         </div>
                       </div>
                     </div>
diff --git a/midd-home.html b/midd-home.html
index 7551960a..b1d9ac35 100644
--- a/midd-home.html
+++ b/midd-home.html
@@ -701,7 +701,7 @@ <h2 class="journey-modal--title ">Why Middlebury</h2>
                         <!-- video iframe html should be escaped -->
                         <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                           <div class="video__content js-video-content">
-                            <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-873">
+                            <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-392">
                               <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                               <span class="button  button--light video__button"> Play <span class="ml-3">
                                   <svg class="icon  " focusable="false" aria-hidden="true">
@@ -714,12 +714,12 @@ <h2 class="journey-modal--title ">Why Middlebury</h2>
                           <figcaption class=" grid-video__body">
                             <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                            <div class="transcript js-transcript-873 grid-video__transcript">
-                              <a href="#midd-transcript-873" class="transcript__button" data-toggle-target=".js-transcript-873" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                            <div class="transcript js-transcript-392 grid-video__transcript">
+                              <a href="#midd-transcript-392" class="transcript__button" data-toggle-target=".js-transcript-392" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-chevron-down">
                                 </svg>
                               </a>
-                              <div class="transcript__body" id="midd-transcript-873">
+                              <div class="transcript__body" id="midd-transcript-392">
                                 <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                 <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                 <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -790,7 +790,7 @@ <h3 class="article-card--title">Learn About Our Sustainability</h3>
                     <div class="container px-0 journey-modal__overlay-container">
                       <div class="col-lg-10 m-auto mb-7 mb-md-8 mb-lg-9">
                         <h2 class="journey-modal--title ">Immersive Environments</h2>
-                        <article class="journey-modal__story" aria-describedby="midd-video-label-94">
+                        <article class="journey-modal__story" aria-describedby="midd-video-label-7">
                           <figure class="story__image">
                             <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <figcaption class="story__image-caption">
@@ -897,10 +897,10 @@ <h2 class="journey-modal--title ">The Undergraduate Experience</h2>
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-555">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-773">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-555"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-773"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -908,12 +908,12 @@ <h3 class="portrait-video__title" id="midd-video-label-555"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-555 mt-2">
-                                <a href="#midd-transcript-555" class="transcript__button" data-toggle-target=".js-transcript-555" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-773 mt-2">
+                                <a href="#midd-transcript-773" class="transcript__button" data-toggle-target=".js-transcript-773" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-555">
+                                <div class="transcript__body" id="midd-transcript-773">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -924,10 +924,10 @@ <h3 class="portrait-video__title" id="midd-video-label-555"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-745">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-552">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-745"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-552"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -935,12 +935,12 @@ <h3 class="portrait-video__title" id="midd-video-label-745"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-745 mt-2">
-                                <a href="#midd-transcript-745" class="transcript__button" data-toggle-target=".js-transcript-745" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-552 mt-2">
+                                <a href="#midd-transcript-552" class="transcript__button" data-toggle-target=".js-transcript-552" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-745">
+                                <div class="transcript__body" id="midd-transcript-552">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -951,10 +951,10 @@ <h3 class="portrait-video__title" id="midd-video-label-745"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-478">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-603">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-478"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-603"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -962,12 +962,12 @@ <h3 class="portrait-video__title" id="midd-video-label-478"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-478 mt-2">
-                                <a href="#midd-transcript-478" class="transcript__button" data-toggle-target=".js-transcript-478" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-603 mt-2">
+                                <a href="#midd-transcript-603" class="transcript__button" data-toggle-target=".js-transcript-603" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-478">
+                                <div class="transcript__body" id="midd-transcript-603">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -978,10 +978,10 @@ <h3 class="portrait-video__title" id="midd-video-label-478"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-885">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-406">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-885"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-406"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -989,12 +989,12 @@ <h3 class="portrait-video__title" id="midd-video-label-885"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-885 mt-2">
-                                <a href="#midd-transcript-885" class="transcript__button" data-toggle-target=".js-transcript-885" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-406 mt-2">
+                                <a href="#midd-transcript-406" class="transcript__button" data-toggle-target=".js-transcript-406" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-885">
+                                <div class="transcript__body" id="midd-transcript-406">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1005,10 +1005,10 @@ <h3 class="portrait-video__title" id="midd-video-label-885"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1175">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-149">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-1175"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-149"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1016,12 +1016,12 @@ <h3 class="portrait-video__title" id="midd-video-label-1175"> What do students d
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-1175 mt-2">
-                                <a href="#midd-transcript-1175" class="transcript__button" data-toggle-target=".js-transcript-1175" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-149 mt-2">
+                                <a href="#midd-transcript-149" class="transcript__button" data-toggle-target=".js-transcript-149" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-1175">
+                                <div class="transcript__body" id="midd-transcript-149">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1185,7 +1185,7 @@ <h2 class="journey-modal--title offset-lg-1">Middlebury in the News</h2>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-184">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-663">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1198,12 +1198,12 @@ <h2 class="journey-modal--title offset-lg-1">Middlebury in the News</h2>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-184 grid-video__transcript">
-                                  <a href="#midd-transcript-184" class="transcript__button" data-toggle-target=".js-transcript-184" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-663 grid-video__transcript">
+                                  <a href="#midd-transcript-663" class="transcript__button" data-toggle-target=".js-transcript-663" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-184">
+                                  <div class="transcript__body" id="midd-transcript-663">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1216,7 +1216,7 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-293">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-157">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1229,12 +1229,12 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-293 grid-video__transcript">
-                                  <a href="#midd-transcript-293" class="transcript__button" data-toggle-target=".js-transcript-293" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-157 grid-video__transcript">
+                                  <a href="#midd-transcript-157" class="transcript__button" data-toggle-target=".js-transcript-157" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-293">
+                                  <div class="transcript__body" id="midd-transcript-157">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1247,7 +1247,7 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-696">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-800">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1260,12 +1260,12 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-696 grid-video__transcript">
-                                  <a href="#midd-transcript-696" class="transcript__button" data-toggle-target=".js-transcript-696" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-800 grid-video__transcript">
+                                  <a href="#midd-transcript-800" class="transcript__button" data-toggle-target=".js-transcript-800" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-696">
+                                  <div class="transcript__body" id="midd-transcript-800">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1278,7 +1278,7 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-379">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1008">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1291,12 +1291,12 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-379 grid-video__transcript">
-                                  <a href="#midd-transcript-379" class="transcript__button" data-toggle-target=".js-transcript-379" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-1008 grid-video__transcript">
+                                  <a href="#midd-transcript-1008" class="transcript__button" data-toggle-target=".js-transcript-1008" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-379">
+                                  <div class="transcript__body" id="midd-transcript-1008">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1309,7 +1309,7 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-338">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-83">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1322,12 +1322,12 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-338 grid-video__transcript">
-                                  <a href="#midd-transcript-338" class="transcript__button" data-toggle-target=".js-transcript-338" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-83 grid-video__transcript">
+                                  <a href="#midd-transcript-83" class="transcript__button" data-toggle-target=".js-transcript-83" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-338">
+                                  <div class="transcript__body" id="midd-transcript-83">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1401,7 +1401,7 @@ <h3 class="article-card--title">Learn About Our Sustainability</h3>
                       <div class="col-lg-10 m-auto mb-7 mb-md-8 mb-lg-9">
                         <h2 class="journey-modal--title offset-lg-1">Students in Action</h2>
                         <p class="journey-modal--blurb col-lg-10 px-0 offset-lg-1">Learning at Middlebury is not a passive experience. Sure, many—if not most—students will find plenty of time for quiet contemplation. Their academic journeys will also involve plenty of “doing”—whether that means participation in competitive fellowships or internships; entrepreneurial ventures at the local, state, national, and international levels; field research with faculty; or co- and extracurricular activities that perfectly complement and enhance those more quiet moments.</p>
-                        <article class="journey-modal__story" aria-describedby="midd-video-label-45">
+                        <article class="journey-modal__story" aria-describedby="midd-video-label-0">
                           <figure class="story__image">
                             <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <figcaption class="story__image-caption">
@@ -1508,10 +1508,10 @@ <h2 class="journey-modal--title ">Connected Middlebury</h2>
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-58">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-432">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-58"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-432"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1519,12 +1519,12 @@ <h3 class="portrait-video__title" id="midd-video-label-58"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-58 mt-2">
-                                <a href="#midd-transcript-58" class="transcript__button" data-toggle-target=".js-transcript-58" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-432 mt-2">
+                                <a href="#midd-transcript-432" class="transcript__button" data-toggle-target=".js-transcript-432" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-58">
+                                <div class="transcript__body" id="midd-transcript-432">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1535,10 +1535,10 @@ <h3 class="portrait-video__title" id="midd-video-label-58"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1090">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1122">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-1090"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-1122"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1546,12 +1546,12 @@ <h3 class="portrait-video__title" id="midd-video-label-1090"> What do students d
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-1090 mt-2">
-                                <a href="#midd-transcript-1090" class="transcript__button" data-toggle-target=".js-transcript-1090" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-1122 mt-2">
+                                <a href="#midd-transcript-1122" class="transcript__button" data-toggle-target=".js-transcript-1122" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-1090">
+                                <div class="transcript__body" id="midd-transcript-1122">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1562,10 +1562,10 @@ <h3 class="portrait-video__title" id="midd-video-label-1090"> What do students d
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-31">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-908">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-31"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-908"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1573,12 +1573,12 @@ <h3 class="portrait-video__title" id="midd-video-label-31"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-31 mt-2">
-                                <a href="#midd-transcript-31" class="transcript__button" data-toggle-target=".js-transcript-31" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-908 mt-2">
+                                <a href="#midd-transcript-908" class="transcript__button" data-toggle-target=".js-transcript-908" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-31">
+                                <div class="transcript__body" id="midd-transcript-908">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1589,10 +1589,10 @@ <h3 class="portrait-video__title" id="midd-video-label-31"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-385">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1177">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-385"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-1177"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1600,12 +1600,12 @@ <h3 class="portrait-video__title" id="midd-video-label-385"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-385 mt-2">
-                                <a href="#midd-transcript-385" class="transcript__button" data-toggle-target=".js-transcript-385" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-1177 mt-2">
+                                <a href="#midd-transcript-1177" class="transcript__button" data-toggle-target=".js-transcript-1177" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-385">
+                                <div class="transcript__body" id="midd-transcript-1177">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1616,10 +1616,10 @@ <h3 class="portrait-video__title" id="midd-video-label-385"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-25">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-641">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://placehold.co/416x740" data-srcset="https://placehold.co/224x399 224w,https://placehold.co/290x516 290w,https://placehold.co/336x598 336w,https://placehold.co/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-25"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-641"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1627,12 +1627,12 @@ <h3 class="portrait-video__title" id="midd-video-label-25"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-25 mt-2">
-                                <a href="#midd-transcript-25" class="transcript__button" data-toggle-target=".js-transcript-25" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-641 mt-2">
+                                <a href="#midd-transcript-641" class="transcript__button" data-toggle-target=".js-transcript-641" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-25">
+                                <div class="transcript__body" id="midd-transcript-641">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1789,7 +1789,7 @@ <h3 class="article-card--title">Learn About Our Sustainability</h3>
                     <div class="container px-0 journey-modal__overlay-container">
                       <div class="col-lg-10 m-auto mb-7 mb-md-8 mb-lg-9">
                         <h2 class="journey-modal--title ">Graduate and Professional Schools</h2>
-                        <article class="journey-modal__story" aria-describedby="midd-video-label-75">
+                        <article class="journey-modal__story" aria-describedby="midd-video-label-58">
                           <figure class="story__image">
                             <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <figcaption class="story__image-caption">
diff --git a/midd-profile-detail.html b/midd-profile-detail.html
index 4a56ce63..6c367f13 100644
--- a/midd-profile-detail.html
+++ b/midd-profile-detail.html
@@ -511,16 +511,16 @@ <h1 class="page-header__title" id="midd-page-header-label">Beryl Levinger</h1>
                   </div>
                 </div>
               </div>
-              <section class="section paragraph--course-list js-filter-1076" data-digest-content>
+              <section class="section paragraph--course-list js-filter-431" data-digest-content>
                 <div class="section__header">
                   <h2 class="section__title"> Courses Taught </h2>
                   <p class="section__text"> These are the courses I teach. </p>
                 </div>
                 <div class="accordion" role="tablist">
-                  <div class="accordion-item js-accordion-item-923 accordion-item-current accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-936 accordion-item-current accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-923" class="accordion-item__link" data-toggle-target=".js-accordion-item-923" aria-expanded="false" aria-controls="midd-accordion-content-923" aria-labelledby="midd-accordion-item-label-923" role="button">
-                        <span id="midd-accordion-item-label-923">
+                      <a href="#midd-accordion-item-label-936" class="accordion-item__link" data-toggle-target=".js-accordion-item-936" aria-expanded="false" aria-controls="midd-accordion-content-936" aria-labelledby="midd-accordion-item-label-936" role="button">
+                        <span id="midd-accordion-item-label-936">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -528,7 +528,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-923" role="tabpanel" aria-labelledby="midd-accordion-item-label-923">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-936" role="tabpanel" aria-labelledby="midd-accordion-item-label-936">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -544,10 +544,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-1097">
+                  <div class="accordion-item js-accordion-item-560">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1097" class="accordion-item__link" data-toggle-target=".js-accordion-item-1097" aria-expanded="false" aria-controls="midd-accordion-content-1097" aria-labelledby="midd-accordion-item-label-1097" role="button">
-                        <span id="midd-accordion-item-label-1097">
+                      <a href="#midd-accordion-item-label-560" class="accordion-item__link" data-toggle-target=".js-accordion-item-560" aria-expanded="false" aria-controls="midd-accordion-content-560" aria-labelledby="midd-accordion-item-label-560" role="button">
+                        <span id="midd-accordion-item-label-560">
                           <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -555,7 +555,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-1097" role="tabpanel" aria-labelledby="midd-accordion-item-label-1097">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-560" role="tabpanel" aria-labelledby="midd-accordion-item-label-560">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -566,10 +566,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-1000 accordion-item-current">
+                  <div class="accordion-item js-accordion-item-722 accordion-item-current">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1000" class="accordion-item__link" data-toggle-target=".js-accordion-item-1000" aria-expanded="false" aria-controls="midd-accordion-content-1000" aria-labelledby="midd-accordion-item-label-1000" role="button">
-                        <span id="midd-accordion-item-label-1000">
+                      <a href="#midd-accordion-item-label-722" class="accordion-item__link" data-toggle-target=".js-accordion-item-722" aria-expanded="false" aria-controls="midd-accordion-content-722" aria-labelledby="midd-accordion-item-label-722" role="button">
+                        <span id="midd-accordion-item-label-722">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -577,7 +577,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-1000" role="tabpanel" aria-labelledby="midd-accordion-item-label-1000">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-722" role="tabpanel" aria-labelledby="midd-accordion-item-label-722">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -592,10 +592,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-1213 accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-675 accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1213" class="accordion-item__link" data-toggle-target=".js-accordion-item-1213" aria-expanded="false" aria-controls="midd-accordion-content-1213" aria-labelledby="midd-accordion-item-label-1213" role="button">
-                        <span id="midd-accordion-item-label-1213">
+                      <a href="#midd-accordion-item-label-675" class="accordion-item__link" data-toggle-target=".js-accordion-item-675" aria-expanded="false" aria-controls="midd-accordion-content-675" aria-labelledby="midd-accordion-item-label-675" role="button">
+                        <span id="midd-accordion-item-label-675">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -603,7 +603,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-1213" role="tabpanel" aria-labelledby="midd-accordion-item-label-1213">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-675" role="tabpanel" aria-labelledby="midd-accordion-item-label-675">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -614,10 +614,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-448">
+                  <div class="accordion-item js-accordion-item-1169">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-448" class="accordion-item__link" data-toggle-target=".js-accordion-item-448" aria-expanded="false" aria-controls="midd-accordion-content-448" aria-labelledby="midd-accordion-item-label-448" role="button">
-                        <span id="midd-accordion-item-label-448">
+                      <a href="#midd-accordion-item-label-1169" class="accordion-item__link" data-toggle-target=".js-accordion-item-1169" aria-expanded="false" aria-controls="midd-accordion-content-1169" aria-labelledby="midd-accordion-item-label-1169" role="button">
+                        <span id="midd-accordion-item-label-1169">
                           <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -625,7 +625,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-448" role="tabpanel" aria-labelledby="midd-accordion-item-label-448">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1169" role="tabpanel" aria-labelledby="midd-accordion-item-label-1169">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
diff --git a/office-library-home.html b/office-library-home.html
index 169649f7..569ccdc2 100644
--- a/office-library-home.html
+++ b/office-library-home.html
@@ -1072,14 +1072,32 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
               </div>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-1061-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-702-title">
                     <div class="themed-panel__main">
-                      <h2 class="themed-panel__title" id="themed-panel-1061-title">Sustainability and other things that go on and on</h2>
+                      <h2 class="themed-panel__title" id="themed-panel-702-title">Sustainability and other things that go on and on</h2>
                       <figure class="themed-panel__figure">
                         <img src="https://placehold.co/1440x810" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/960x540 960w,https://placehold.co/1280x720 1280w,https://placehold.co/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                       </figure>
                     </div>
                     <div class="themed-panel__secondary">
+                      <div class="themed-panel__main-article">
+                        <article class="col-md-10 themed-panel__article" aria-labelledby="themed-panel-702-first">
+                          <h3 class="themed-panel__heading h2" id="themed-panel-702-first">
+                            <a href="">Lorem ipsum dolor sit amet consectetur adipisicing</a>
+                          </h3>
+                          <p class="themed-panel__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit magnam dicta nihil reiciendis laboriosam, exercitationem harum numquam rem sint laudantium ducimus optio provident voluptate obcaecati reprehenderit voluptates illum dignissimos corrupti!</p>
+                          <a href="#" class="button button--primary themed-panel__cta">Learn more</a>
+                        </article>
+                      </div>
+                      <div class="themed-panel__subarticles">
+                        <article class="col-auto col-md-10 themed-panel__subarticle" aria-labelledby="themed-panel-702-1">
+                          <h3 class="themed-panel__heading" id="themed-panel-702-1">
+                            <a href="" class="text-white">24/7 Support</a>
+                          </h3>
+                          <p class="themed-panel__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quo optio quia molestias ipsa debitis, accusamus tempore quaerat eveniet, perspiciatis, natus provident saepe ducimus placeat dignissimos nemo delectus pariatur nesciunt! Earum eveniet qui provident ad aliquam, assumenda reprehenderit fugit recusandae, est cum deleniti, dolore corrupti doloremque magni. Laboriosam accusantium natus rem adipisci. </p>
+                          <a href="" class="button button--light button--outline themed-panel__cta">Read more</a>
+                        </article>
+                      </div>
                     </div>
                   </section>
                 </div>
diff --git a/office-top-level.html b/office-top-level.html
index 140dd852..206fc544 100644
--- a/office-top-level.html
+++ b/office-top-level.html
@@ -1162,9 +1162,9 @@ <h4>What now?</h4>
                 </div>
                 </section>
               </div>
-              <section class="section paragraph" aria-labelledby="section-301-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-1107-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-301-label"> Featured News </h2>
+                  <h2 class="section__title" id="section-1107-label"> Featured News </h2>
                   <a href="" class="section__link">View all</a>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
@@ -1361,14 +1361,37 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
               </div>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-898-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-595-title">
                     <div class="themed-panel__main">
-                      <h2 class="themed-panel__title" id="themed-panel-898-title">Sustainability and other things that go on and on</h2>
+                      <h2 class="themed-panel__title" id="themed-panel-595-title">Sustainability and other things that go on and on</h2>
                       <figure class="themed-panel__figure">
                         <img src="https://placehold.co/1440x810" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/960x540 960w,https://placehold.co/1280x720 1280w,https://placehold.co/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                       </figure>
                     </div>
                     <div class="themed-panel__secondary">
+                      <div class="themed-panel__subarticles">
+                        <article class="col-auto col-md-4 themed-panel__subarticle" aria-labelledby="themed-panel-595-1">
+                          <h3 class="themed-panel__heading" id="themed-panel-595-1">
+                            <a href="" class="text-white">24/7 Support</a>
+                          </h3>
+                          <p class="themed-panel__text"> Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
+                          <a href="" class="button button--light button--outline themed-panel__cta">Read more</a>
+                        </article>
+                        <article class="col-auto col-md-4 themed-panel__subarticle" aria-labelledby="themed-panel-595-2">
+                          <h3 class="themed-panel__heading" id="themed-panel-595-2">
+                            <a href="" class="text-white">24/7 Support</a>
+                          </h3>
+                          <p class="themed-panel__text"> Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
+                          <a href="" class="button button--light button--outline themed-panel__cta">Read more</a>
+                        </article>
+                        <article class="col-auto col-md-4 themed-panel__subarticle" aria-labelledby="themed-panel-595-3">
+                          <h3 class="themed-panel__heading" id="themed-panel-595-3">
+                            <a href="" class="text-white">24/7 Support</a>
+                          </h3>
+                          <p class="themed-panel__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quo optio quia molestias ipsa debitis, accusamus tempore quaerat eveniet, perspiciatis, natus provident saepe ducimus placeat dignissimos nemo delectus pariatur nesciunt! Earum eveniet qui provident ad aliquam, assumenda reprehenderit fugit recusandae, est cum deleniti, dolore corrupti doloremque magni. Laboriosam accusantium natus rem adipisci. </p>
+                          <a href="" class="button button--light button--outline themed-panel__cta">Read more</a>
+                        </article>
+                      </div>
                     </div>
                   </section>
                 </div>
@@ -1385,7 +1408,7 @@ <h2 class="section__title"> Section Title Events </h2>
                     </header>
                     <div class="waveform__wrapper">
                       <ul class="waveform__list shifting-slider">
-                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1398,7 +1421,7 @@ <h3 id="midd-event-0-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1411,7 +1434,7 @@ <h3 id="midd-event-1-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1424,8 +1447,8 @@ <h3 id="midd-event-2-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1437,8 +1460,8 @@ <h3 id="midd-event-3-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-4  is-toggled bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1450,8 +1473,8 @@ <h3 id="midd-event-4-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1463,8 +1486,8 @@ <h3 id="midd-event-5-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1476,8 +1499,8 @@ <h3 id="midd-event-6-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1489,8 +1512,8 @@ <h3 id="midd-event-7-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1502,8 +1525,8 @@ <h3 id="midd-event-8-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1515,8 +1538,8 @@ <h3 id="midd-event-9-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-10  is-toggled bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1528,8 +1551,8 @@ <h3 id="midd-event-10-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1541,7 +1564,7 @@ <h3 id="midd-event-11-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1554,8 +1577,8 @@ <h3 id="midd-event-12-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1567,7 +1590,7 @@ <h3 id="midd-event-13-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1580,8 +1603,8 @@ <h3 id="midd-event-14-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1593,8 +1616,8 @@ <h3 id="midd-event-15-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1606,7 +1629,7 @@ <h3 id="midd-event-16-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1619,8 +1642,8 @@ <h3 id="midd-event-17-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1632,8 +1655,8 @@ <h3 id="midd-event-18-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1645,8 +1668,8 @@ <h3 id="midd-event-19-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1658,8 +1681,8 @@ <h3 id="midd-event-20-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1671,8 +1694,8 @@ <h3 id="midd-event-21-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1684,8 +1707,8 @@ <h3 id="midd-event-22-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1697,8 +1720,8 @@ <h3 id="midd-event-23-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1710,8 +1733,8 @@ <h3 id="midd-event-24-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1723,7 +1746,7 @@ <h3 id="midd-event-25-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1736,7 +1759,7 @@ <h3 id="midd-event-26-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1749,8 +1772,8 @@ <h3 id="midd-event-27-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1762,8 +1785,8 @@ <h3 id="midd-event-28-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1775,8 +1798,8 @@ <h3 id="midd-event-29-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1788,8 +1811,8 @@ <h3 id="midd-event-30-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1801,7 +1824,7 @@ <h3 id="midd-event-31-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1814,7 +1837,7 @@ <h3 id="midd-event-32-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1827,7 +1850,7 @@ <h3 id="midd-event-33-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1840,8 +1863,8 @@ <h3 id="midd-event-34-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1853,8 +1876,8 @@ <h3 id="midd-event-35-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1866,8 +1889,8 @@ <h3 id="midd-event-36-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1879,8 +1902,8 @@ <h3 id="midd-event-37-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1892,8 +1915,8 @@ <h3 id="midd-event-38-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1905,8 +1928,8 @@ <h3 id="midd-event-39-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1918,8 +1941,8 @@ <h3 id="midd-event-40-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1931,7 +1954,7 @@ <h3 id="midd-event-41-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1944,8 +1967,8 @@ <h3 id="midd-event-42-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1957,7 +1980,7 @@ <h3 id="midd-event-43-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1970,8 +1993,8 @@ <h3 id="midd-event-44-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1983,8 +2006,8 @@ <h3 id="midd-event-45-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1996,8 +2019,8 @@ <h3 id="midd-event-46-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2009,7 +2032,7 @@ <h3 id="midd-event-47-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2122,7 +2145,7 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                 <!-- video iframe html should be escaped -->
                 <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                   <div class="video__content js-video-content">
-                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-201">
+                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-988">
                       <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                       <span class="button  button--primary video__button"> Play <span class="ml-3">
                           <svg class="icon  " focusable="false" aria-hidden="true">
@@ -2133,14 +2156,14 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                     </a>
                   </div>
                   <figcaption class=" video__body">
-                    <h3 class=video__title id="midd-video-label-201">Practical Skills for Positive Change</h3>
+                    <h3 class=video__title id="midd-video-label-988">Practical Skills for Positive Change</h3>
                     <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                    <div class="transcript js-transcript-201 grid-video__transcript">
-                      <a href="#midd-transcript-201" class="transcript__button" data-toggle-target=".js-transcript-201" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                    <div class="transcript js-transcript-988 grid-video__transcript">
+                      <a href="#midd-transcript-988" class="transcript__button" data-toggle-target=".js-transcript-988" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
-                      <div class="transcript__body" id="midd-transcript-201">
+                      <div class="transcript__body" id="midd-transcript-988">
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2190,12 +2213,12 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                 <div class="audio__body">
                   <h3 class="audio__title" id="midd-audio-title-1">Audio title</h3>
                   <p class="audio__text" id="midd-audio-text-1">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reiciendis commodi placeat, perferendis ratione vitae officiis vero. Commodi ullam fugiat expedita qui veritatis adipisci minus quod neque! Voluptatum tempora iure quo.</p>
-                  <div class="transcript js-transcript-74 ">
-                    <a href="#midd-transcript-74" class="transcript__button" data-toggle-target=".js-transcript-74" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                  <div class="transcript js-transcript-99 ">
+                    <a href="#midd-transcript-99" class="transcript__button" data-toggle-target=".js-transcript-99" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                         <use xlink:href="#icon-chevron-down">
                       </svg>
                     </a>
-                    <div class="transcript__body" id="midd-transcript-74">
+                    <div class="transcript__body" id="midd-transcript-99">
                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2217,14 +2240,14 @@ <h2> Two Column Text Heading </h2>
                   </div>
                 </div>
               </div>
-              <section class="section paragraph" aria-labelledby="section-1005-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-199-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-1005-label"> Schedule Component </h2>
+                  <h2 class="section__title" id="section-199-label"> Schedule Component </h2>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
                 <div class="schedule-header">
                   <p class="schedule-header__date"> Sunday, December 10 </p>
-                  <h3 id="midd-event-1005" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-1005" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                  <h3 id="midd-event-199" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-199" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                   </h3>
                 </div>
                 <div class="schedule-item">
diff --git a/school-basic-content.html b/school-basic-content.html
index 25c84332..7f64e5a5 100644
--- a/school-basic-content.html
+++ b/school-basic-content.html
@@ -415,14 +415,14 @@ <h2 class="page-nav__title" id="midd-page-nav-label">
                     signupFormObj.drawForm();
                   </script>
                 </div>
-                <section class="section paragraph" aria-labelledby="section-759-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-895-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-759-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-895-label"> Schedule Component </h2>
                     <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                   </div>
                   <div class="schedule-header">
                     <p class="schedule-header__date"> Sunday, December 10 </p>
-                    <h3 id="midd-event-759" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-759" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-895" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-895" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                     </h3>
                   </div>
                   <div class="schedule-item">
@@ -595,81 +595,81 @@ <h2 class="h3 mb-3"> Was this page helpful? </h2>
                     <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Submit" class="button button--primary js-form-submit form-submit" />
                   </form>
                 </div>
-                <div class="paragraph flowchart" id="732" data-flowchart>
-                  <div id="flowchart-732-1" class="flowchart__item " data-flowchart-item>
+                <div class="paragraph flowchart" id="801" data-flowchart>
+                  <div id="flowchart-801-1" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Do you need chat functionality? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-732-2" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-801-2" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-732-3" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-801-3" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-732-2" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-801-2" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Will your chats include sensitive data or will you be collaborating with external guests? </h3>
                     <div class="typography"> Specifically will include sensitive content, not just discussion around sensitive topics – distinguish between “Change the SSN” and “Change SSN from xxx-xx-xxxx to...” </div>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-732-4" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-801-4" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-732-5" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-801-5" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-732-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-801-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Do not use chat. </div>
                   </div>
-                  <div id="flowchart-732-4" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-801-4" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Has you department or collaborants selected a tool? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-732-5" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-801-5" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-732-7" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-801-7" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-732-5" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-801-5" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Teams or Zoom? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-732-6" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-801-6" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-732-8" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-801-8" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-732-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-801-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Use Teams or Zoom. </div>
                   </div>
-                  <div id="flowchart-732-7" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-801-7" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Simple Chat? (vs. a more fully featured, integrated capability?) </h3>
                     <div class="typography"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. </div>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-732-9" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-801-9" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-732-10" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-801-10" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-732-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-801-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Use select tool but consider switching to Teams or Zoom. </div>
                   </div>
-                  <div id="flowchart-732-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-801-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> We suggest Teams. <a href="#">Set up your Teams account</a>. </div>
                   </div>
-                  <div id="flowchart-732-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-801-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> We suggest Zoom. <a href="#">Set up your Zoom account</a>. </div>
                   </div>
@@ -685,10 +685,10 @@ <h2 class="section__title"> Portrait video group </h2>
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1119">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-767">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-1119"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-767"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -696,12 +696,12 @@ <h3 class="portrait-video__title" id="midd-video-label-1119"> What do students d
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-1119 mt-2">
-                          <a href="#midd-transcript-1119" class="transcript__button" data-toggle-target=".js-transcript-1119" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-767 mt-2">
+                          <a href="#midd-transcript-767" class="transcript__button" data-toggle-target=".js-transcript-767" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-1119">
+                          <div class="transcript__body" id="midd-transcript-767">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -712,10 +712,10 @@ <h3 class="portrait-video__title" id="midd-video-label-1119"> What do students d
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-50">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-492">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-50"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-492"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -723,12 +723,12 @@ <h3 class="portrait-video__title" id="midd-video-label-50"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-50 mt-2">
-                          <a href="#midd-transcript-50" class="transcript__button" data-toggle-target=".js-transcript-50" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-492 mt-2">
+                          <a href="#midd-transcript-492" class="transcript__button" data-toggle-target=".js-transcript-492" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-50">
+                          <div class="transcript__body" id="midd-transcript-492">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -739,10 +739,10 @@ <h3 class="portrait-video__title" id="midd-video-label-50"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-88">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-111">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-88"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-111"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -750,12 +750,12 @@ <h3 class="portrait-video__title" id="midd-video-label-88"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-88 mt-2">
-                          <a href="#midd-transcript-88" class="transcript__button" data-toggle-target=".js-transcript-88" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-111 mt-2">
+                          <a href="#midd-transcript-111" class="transcript__button" data-toggle-target=".js-transcript-111" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-88">
+                          <div class="transcript__body" id="midd-transcript-111">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -766,10 +766,10 @@ <h3 class="portrait-video__title" id="midd-video-label-88"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-768">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-612">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-768"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-612"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -777,12 +777,12 @@ <h3 class="portrait-video__title" id="midd-video-label-768"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-768 mt-2">
-                          <a href="#midd-transcript-768" class="transcript__button" data-toggle-target=".js-transcript-768" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-612 mt-2">
+                          <a href="#midd-transcript-612" class="transcript__button" data-toggle-target=".js-transcript-612" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-768">
+                          <div class="transcript__body" id="midd-transcript-612">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -793,10 +793,10 @@ <h3 class="portrait-video__title" id="midd-video-label-768"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-233">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-452">
                             <img src="https://placehold.co/306x554" srcset="https://placehold.co/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-233"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-452"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -804,12 +804,12 @@ <h3 class="portrait-video__title" id="midd-video-label-233"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-233 mt-2">
-                          <a href="#midd-transcript-233" class="transcript__button" data-toggle-target=".js-transcript-233" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-452 mt-2">
+                          <a href="#midd-transcript-452" class="transcript__button" data-toggle-target=".js-transcript-452" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-233">
+                          <div class="transcript__body" id="midd-transcript-452">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -836,7 +836,7 @@ <h2 class="section__title"> Video group </h2>
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1103">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-938">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -847,14 +847,14 @@ <h2 class="section__title"> Video group </h2>
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-1103">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-938">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-1103 grid-video__transcript">
-                            <a href="#midd-transcript-1103" class="transcript__button" data-toggle-target=".js-transcript-1103" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-938 grid-video__transcript">
+                            <a href="#midd-transcript-938" class="transcript__button" data-toggle-target=".js-transcript-938" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-1103">
+                            <div class="transcript__body" id="midd-transcript-938">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -867,7 +867,7 @@ <h3 class=video__title id="midd-video-label-1103">Practical Skills for Positive
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-114">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-813">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -878,14 +878,14 @@ <h3 class=video__title id="midd-video-label-1103">Practical Skills for Positive
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-114">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-813">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-114 grid-video__transcript">
-                            <a href="#midd-transcript-114" class="transcript__button" data-toggle-target=".js-transcript-114" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-813 grid-video__transcript">
+                            <a href="#midd-transcript-813" class="transcript__button" data-toggle-target=".js-transcript-813" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-114">
+                            <div class="transcript__body" id="midd-transcript-813">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -898,7 +898,7 @@ <h3 class=video__title id="midd-video-label-114">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-625">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-823">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -909,14 +909,14 @@ <h3 class=video__title id="midd-video-label-114">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-625">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-823">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-625 grid-video__transcript">
-                            <a href="#midd-transcript-625" class="transcript__button" data-toggle-target=".js-transcript-625" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-823 grid-video__transcript">
+                            <a href="#midd-transcript-823" class="transcript__button" data-toggle-target=".js-transcript-823" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-625">
+                            <div class="transcript__body" id="midd-transcript-823">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -929,7 +929,7 @@ <h3 class=video__title id="midd-video-label-625">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-719">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-225">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -940,14 +940,14 @@ <h3 class=video__title id="midd-video-label-625">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-719">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-225">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-719 grid-video__transcript">
-                            <a href="#midd-transcript-719" class="transcript__button" data-toggle-target=".js-transcript-719" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-225 grid-video__transcript">
+                            <a href="#midd-transcript-225" class="transcript__button" data-toggle-target=".js-transcript-225" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-719">
+                            <div class="transcript__body" id="midd-transcript-225">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -960,7 +960,7 @@ <h3 class=video__title id="midd-video-label-719">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-810">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-684">
                             <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -971,14 +971,14 @@ <h3 class=video__title id="midd-video-label-719">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-810">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-684">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-810 grid-video__transcript">
-                            <a href="#midd-transcript-810" class="transcript__button" data-toggle-target=".js-transcript-810" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-684 grid-video__transcript">
+                            <a href="#midd-transcript-684" class="transcript__button" data-toggle-target=".js-transcript-684" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-810">
+                            <div class="transcript__body" id="midd-transcript-684">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2479,14 +2479,14 @@ <h3>
                   <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
                   <p>Lorem ipsum, dolor sit amet <a href="">consectetur</a> adipisicing elit. Rerum commodi qui dolor, voluptas praesentium numquam assumenda harum enim alias nihil recusandae expedita. Ipsam nobis eum porro beatae magni laudantium incidunt?</p>
                 </div>
-                <section class="section paragraph" aria-labelledby="section-240-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-441-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-240-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-441-label"> Schedule Component </h2>
                     <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                   </div>
                   <div class="schedule-header">
                     <p class="schedule-header__date"> Sunday, December 10 </p>
-                    <h3 id="midd-event-240" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-240" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-441" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-441" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                     </h3>
                   </div>
                   <div class="schedule-item">
@@ -2643,153 +2643,153 @@ <h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3>
                 <section class="section paragraph--faq" data-digest-content>
                   <h2 class="section__title"> Frequently Asked Questions </h2>
                   <div class="accordion" role="tablist">
-                    <div class="accordion-item js-accordion-item-34">
+                    <div class="accordion-item js-accordion-item-1041">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-34" class="accordion-item__link" data-toggle-target=".js-accordion-item-34" aria-expanded="false" aria-controls="midd-accordion-content-34" aria-labelledby="midd-accordion-item-label-34" role="button">
+                        <a href="#midd-accordion-item-label-1041" class="accordion-item__link" data-toggle-target=".js-accordion-item-1041" aria-expanded="false" aria-controls="midd-accordion-content-1041" aria-labelledby="midd-accordion-item-label-1041" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-34"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1041"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-34" role="tabpanel" aria-labelledby="midd-accordion-item-label-34">
+                      <div class="accordion-item__content" id="midd-accordion-content-1041" role="tabpanel" aria-labelledby="midd-accordion-item-label-1041">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1031">
+                    <div class="accordion-item js-accordion-item-730">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1031" class="accordion-item__link" data-toggle-target=".js-accordion-item-1031" aria-expanded="false" aria-controls="midd-accordion-content-1031" aria-labelledby="midd-accordion-item-label-1031" role="button">
+                        <a href="#midd-accordion-item-label-730" class="accordion-item__link" data-toggle-target=".js-accordion-item-730" aria-expanded="false" aria-controls="midd-accordion-content-730" aria-labelledby="midd-accordion-item-label-730" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1031"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-730"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-1031" role="tabpanel" aria-labelledby="midd-accordion-item-label-1031">
+                      <div class="accordion-item__content" id="midd-accordion-content-730" role="tabpanel" aria-labelledby="midd-accordion-item-label-730">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-794">
+                    <div class="accordion-item js-accordion-item-1213">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-794" class="accordion-item__link" data-toggle-target=".js-accordion-item-794" aria-expanded="false" aria-controls="midd-accordion-content-794" aria-labelledby="midd-accordion-item-label-794" role="button">
+                        <a href="#midd-accordion-item-label-1213" class="accordion-item__link" data-toggle-target=".js-accordion-item-1213" aria-expanded="false" aria-controls="midd-accordion-content-1213" aria-labelledby="midd-accordion-item-label-1213" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-794">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1213">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-794" role="tabpanel" aria-labelledby="midd-accordion-item-label-794">
+                      <div class="accordion-item__content" id="midd-accordion-content-1213" role="tabpanel" aria-labelledby="midd-accordion-item-label-1213">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1128">
+                    <div class="accordion-item js-accordion-item-1184">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1128" class="accordion-item__link" data-toggle-target=".js-accordion-item-1128" aria-expanded="false" aria-controls="midd-accordion-content-1128" aria-labelledby="midd-accordion-item-label-1128" role="button">
+                        <a href="#midd-accordion-item-label-1184" class="accordion-item__link" data-toggle-target=".js-accordion-item-1184" aria-expanded="false" aria-controls="midd-accordion-content-1184" aria-labelledby="midd-accordion-item-label-1184" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1128">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1184">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-1128" role="tabpanel" aria-labelledby="midd-accordion-item-label-1128">
+                      <div class="accordion-item__content" id="midd-accordion-content-1184" role="tabpanel" aria-labelledby="midd-accordion-item-label-1184">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-153">
+                    <div class="accordion-item js-accordion-item-902">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-153" class="accordion-item__link" data-toggle-target=".js-accordion-item-153" aria-expanded="false" aria-controls="midd-accordion-content-153" aria-labelledby="midd-accordion-item-label-153" role="button">
+                        <a href="#midd-accordion-item-label-902" class="accordion-item__link" data-toggle-target=".js-accordion-item-902" aria-expanded="false" aria-controls="midd-accordion-content-902" aria-labelledby="midd-accordion-item-label-902" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-153">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-902">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-153" role="tabpanel" aria-labelledby="midd-accordion-item-label-153">
+                      <div class="accordion-item__content" id="midd-accordion-content-902" role="tabpanel" aria-labelledby="midd-accordion-item-label-902">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1035">
+                    <div class="accordion-item js-accordion-item-456">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1035" class="accordion-item__link" data-toggle-target=".js-accordion-item-1035" aria-expanded="false" aria-controls="midd-accordion-content-1035" aria-labelledby="midd-accordion-item-label-1035" role="button">
+                        <a href="#midd-accordion-item-label-456" class="accordion-item__link" data-toggle-target=".js-accordion-item-456" aria-expanded="false" aria-controls="midd-accordion-content-456" aria-labelledby="midd-accordion-item-label-456" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1035">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-456">Lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-1035" role="tabpanel" aria-labelledby="midd-accordion-item-label-1035">
+                      <div class="accordion-item__content" id="midd-accordion-content-456" role="tabpanel" aria-labelledby="midd-accordion-item-label-456">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-68">
+                    <div class="accordion-item js-accordion-item-625">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-68" class="accordion-item__link" data-toggle-target=".js-accordion-item-68" aria-expanded="false" aria-controls="midd-accordion-content-68" aria-labelledby="midd-accordion-item-label-68" role="button">
+                        <a href="#midd-accordion-item-label-625" class="accordion-item__link" data-toggle-target=".js-accordion-item-625" aria-expanded="false" aria-controls="midd-accordion-content-625" aria-labelledby="midd-accordion-item-label-625" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-68">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-625">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-68" role="tabpanel" aria-labelledby="midd-accordion-item-label-68">
+                      <div class="accordion-item__content" id="midd-accordion-content-625" role="tabpanel" aria-labelledby="midd-accordion-item-label-625">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1009">
+                    <div class="accordion-item js-accordion-item-649">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1009" class="accordion-item__link" data-toggle-target=".js-accordion-item-1009" aria-expanded="false" aria-controls="midd-accordion-content-1009" aria-labelledby="midd-accordion-item-label-1009" role="button">
+                        <a href="#midd-accordion-item-label-649" class="accordion-item__link" data-toggle-target=".js-accordion-item-649" aria-expanded="false" aria-controls="midd-accordion-content-649" aria-labelledby="midd-accordion-item-label-649" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1009">Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-649">Lorem ipsum dolor sit amet elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-1009" role="tabpanel" aria-labelledby="midd-accordion-item-label-1009">
+                      <div class="accordion-item__content" id="midd-accordion-content-649" role="tabpanel" aria-labelledby="midd-accordion-item-label-649">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1004">
+                    <div class="accordion-item js-accordion-item-1087">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1004" class="accordion-item__link" data-toggle-target=".js-accordion-item-1004" aria-expanded="false" aria-controls="midd-accordion-content-1004" aria-labelledby="midd-accordion-item-label-1004" role="button">
+                        <a href="#midd-accordion-item-label-1087" class="accordion-item__link" data-toggle-target=".js-accordion-item-1087" aria-expanded="false" aria-controls="midd-accordion-content-1087" aria-labelledby="midd-accordion-item-label-1087" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1004">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1087">Lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-1004" role="tabpanel" aria-labelledby="midd-accordion-item-label-1004">
+                      <div class="accordion-item__content" id="midd-accordion-content-1087" role="tabpanel" aria-labelledby="midd-accordion-item-label-1087">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2798,16 +2798,16 @@ <h3 class="accordion-item__title" role="tab">
                     </div>
                   </div>
                 </section>
-                <section class="section paragraph--course-list js-filter-134" data-digest-content>
+                <section class="section paragraph--course-list js-filter-865" data-digest-content>
                   <div class="section__header">
                     <h2 class="section__title"> Course Title </h2>
                     <p class="section__text"> These are the courses I teach. </p>
                   </div>
                   <div class="accordion" role="tablist">
-                    <div class="accordion-item js-accordion-item-436 accordion-item-current accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-277 accordion-item-current accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-436" class="accordion-item__link" data-toggle-target=".js-accordion-item-436" aria-expanded="false" aria-controls="midd-accordion-content-436" aria-labelledby="midd-accordion-item-label-436" role="button">
-                          <span id="midd-accordion-item-label-436">
+                        <a href="#midd-accordion-item-label-277" class="accordion-item__link" data-toggle-target=".js-accordion-item-277" aria-expanded="false" aria-controls="midd-accordion-content-277" aria-labelledby="midd-accordion-item-label-277" role="button">
+                          <span id="midd-accordion-item-label-277">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2815,7 +2815,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-436" role="tabpanel" aria-labelledby="midd-accordion-item-label-436">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-277" role="tabpanel" aria-labelledby="midd-accordion-item-label-277">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2831,10 +2831,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-84">
+                    <div class="accordion-item js-accordion-item-1199">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-84" class="accordion-item__link" data-toggle-target=".js-accordion-item-84" aria-expanded="false" aria-controls="midd-accordion-content-84" aria-labelledby="midd-accordion-item-label-84" role="button">
-                          <span id="midd-accordion-item-label-84">
+                        <a href="#midd-accordion-item-label-1199" class="accordion-item__link" data-toggle-target=".js-accordion-item-1199" aria-expanded="false" aria-controls="midd-accordion-content-1199" aria-labelledby="midd-accordion-item-label-1199" role="button">
+                          <span id="midd-accordion-item-label-1199">
                             <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2842,7 +2842,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-84" role="tabpanel" aria-labelledby="midd-accordion-item-label-84">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-1199" role="tabpanel" aria-labelledby="midd-accordion-item-label-1199">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2853,10 +2853,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-969 accordion-item-current">
+                    <div class="accordion-item js-accordion-item-1131 accordion-item-current">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-969" class="accordion-item__link" data-toggle-target=".js-accordion-item-969" aria-expanded="false" aria-controls="midd-accordion-content-969" aria-labelledby="midd-accordion-item-label-969" role="button">
-                          <span id="midd-accordion-item-label-969">
+                        <a href="#midd-accordion-item-label-1131" class="accordion-item__link" data-toggle-target=".js-accordion-item-1131" aria-expanded="false" aria-controls="midd-accordion-content-1131" aria-labelledby="midd-accordion-item-label-1131" role="button">
+                          <span id="midd-accordion-item-label-1131">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2864,7 +2864,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-969" role="tabpanel" aria-labelledby="midd-accordion-item-label-969">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-1131" role="tabpanel" aria-labelledby="midd-accordion-item-label-1131">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2879,10 +2879,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-47 accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-196 accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-47" class="accordion-item__link" data-toggle-target=".js-accordion-item-47" aria-expanded="false" aria-controls="midd-accordion-content-47" aria-labelledby="midd-accordion-item-label-47" role="button">
-                          <span id="midd-accordion-item-label-47">
+                        <a href="#midd-accordion-item-label-196" class="accordion-item__link" data-toggle-target=".js-accordion-item-196" aria-expanded="false" aria-controls="midd-accordion-content-196" aria-labelledby="midd-accordion-item-label-196" role="button">
+                          <span id="midd-accordion-item-label-196">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2890,7 +2890,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-47" role="tabpanel" aria-labelledby="midd-accordion-item-label-47">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-196" role="tabpanel" aria-labelledby="midd-accordion-item-label-196">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2901,10 +2901,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-565">
+                    <div class="accordion-item js-accordion-item-33">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-565" class="accordion-item__link" data-toggle-target=".js-accordion-item-565" aria-expanded="false" aria-controls="midd-accordion-content-565" aria-labelledby="midd-accordion-item-label-565" role="button">
-                          <span id="midd-accordion-item-label-565">
+                        <a href="#midd-accordion-item-label-33" class="accordion-item__link" data-toggle-target=".js-accordion-item-33" aria-expanded="false" aria-controls="midd-accordion-content-33" aria-labelledby="midd-accordion-item-label-33" role="button">
+                          <span id="midd-accordion-item-label-33">
                             <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2912,7 +2912,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-565" role="tabpanel" aria-labelledby="midd-accordion-item-label-565">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-33" role="tabpanel" aria-labelledby="midd-accordion-item-label-33">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -3197,7 +3197,7 @@ <h2> Two Column Text Heading </h2>
                   <!-- video iframe html should be escaped -->
                   <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                     <div class="video__content js-video-content">
-                      <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-707">
+                      <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-788">
                         <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                         <span class="button  button--primary video__button"> Play <span class="ml-3">
                             <svg class="icon  " focusable="false" aria-hidden="true">
@@ -3208,14 +3208,14 @@ <h2> Two Column Text Heading </h2>
                       </a>
                     </div>
                     <figcaption class=" video__body">
-                      <h3 class=video__title id="midd-video-label-707">Practical Skills for Positive Change</h3>
+                      <h3 class=video__title id="midd-video-label-788">Practical Skills for Positive Change</h3>
                       <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                      <div class="transcript js-transcript-707 grid-video__transcript">
-                        <a href="#midd-transcript-707" class="transcript__button" data-toggle-target=".js-transcript-707" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                      <div class="transcript js-transcript-788 grid-video__transcript">
+                        <a href="#midd-transcript-788" class="transcript__button" data-toggle-target=".js-transcript-788" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
-                        <div class="transcript__body" id="midd-transcript-707">
+                        <div class="transcript__body" id="midd-transcript-788">
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
diff --git a/school-charts.html b/school-charts.html
index b2069b3d..2fcaa451 100644
--- a/school-charts.html
+++ b/school-charts.html
@@ -508,7 +508,7 @@ <h2 class="h2 mb-4">Internships</h2>
                     </div>
                   </div>
                 </div>
-                <div class="paragraph--chart" id="midd-map-428" data-digest-content>
+                <div class="paragraph--chart" id="midd-map-527" data-digest-content>
                   <h2 class="h2 mb-4">Map chart</h2>
                   <p class="mb-5 mb-md-7">This is map chart text right here.</p>
                   <svg viewBox="0 0 1031 445" version="1.1">
@@ -728,11 +728,11 @@ <h2 class="h2 mb-4">Map chart</h2>
                       </g>
                     </g>
                   </svg>
-                  <p class="f2" id="midd-map-text-428"> Germany; United States; China </p>
+                  <p class="f2" id="midd-map-text-527"> Germany; United States; China </p>
                   <style>
-                    #midd-map-428 #DE,
-                    #midd-map-428 #US,
-                    #midd-map-428 #CN
+                    #midd-map-527 #DE,
+                    #midd-map-527 #US,
+                    #midd-map-527 #CN
                     {
                       fill: #0d395f;
                     }
diff --git a/school-collection.html b/school-collection.html
index 365567d1..51a2f708 100644
--- a/school-collection.html
+++ b/school-collection.html
@@ -392,7 +392,7 @@ <h2 class="filters__title"> Filters </h2>
                   </div>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-283" aria-expanded="true"> Medium <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-288" aria-expanded="true"> Medium <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -400,32 +400,32 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-283">
+                    <div class="filter__body js-filter-288">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-283-1" />
-                        <label for="checkbox-item-283-1" id="checkbox-label-283-1" class="checkbox__label"> Photograph </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-288-1" />
+                        <label for="checkbox-item-288-1" id="checkbox-label-288-1" class="checkbox__label"> Photograph </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-283-2" />
-                        <label for="checkbox-item-283-2" id="checkbox-label-283-2" class="checkbox__label"> Short Story </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-288-2" />
+                        <label for="checkbox-item-288-2" id="checkbox-label-288-2" class="checkbox__label"> Short Story </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-283-3" />
-                        <label for="checkbox-item-283-3" id="checkbox-label-283-3" class="checkbox__label"> Poem </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-288-3" />
+                        <label for="checkbox-item-288-3" id="checkbox-label-288-3" class="checkbox__label"> Poem </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-283-4" />
-                        <label for="checkbox-item-283-4" id="checkbox-label-283-4" class="checkbox__label"> Audio </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-288-4" />
+                        <label for="checkbox-item-288-4" id="checkbox-label-288-4" class="checkbox__label"> Audio </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-283-5" />
-                        <label for="checkbox-item-283-5" id="checkbox-label-283-5" class="checkbox__label"> Video </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-288-5" />
+                        <label for="checkbox-item-288-5" id="checkbox-label-288-5" class="checkbox__label"> Video </label>
                       </div>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-741" aria-expanded="true"> Decades <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-1229" aria-expanded="true"> Decades <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -433,22 +433,22 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-741">
+                    <div class="filter__body js-filter-1229">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-741-1" />
-                        <label for="checkbox-item-741-1" id="checkbox-label-741-1" class="checkbox__label"> 1980-90 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1229-1" />
+                        <label for="checkbox-item-1229-1" id="checkbox-label-1229-1" class="checkbox__label"> 1980-90 </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-741-2" />
-                        <label for="checkbox-item-741-2" id="checkbox-label-741-2" class="checkbox__label"> 1970-80 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1229-2" />
+                        <label for="checkbox-item-1229-2" id="checkbox-label-1229-2" class="checkbox__label"> 1970-80 </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-741-3" />
-                        <label for="checkbox-item-741-3" id="checkbox-label-741-3" class="checkbox__label"> 1960-70 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1229-3" />
+                        <label for="checkbox-item-1229-3" id="checkbox-label-1229-3" class="checkbox__label"> 1960-70 </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-741-4" />
-                        <label for="checkbox-item-741-4" id="checkbox-label-741-4" class="checkbox__label"> 1940-50 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1229-4" />
+                        <label for="checkbox-item-1229-4" id="checkbox-label-1229-4" class="checkbox__label"> 1940-50 </label>
                       </div>
                     </div>
                   </fieldset>
diff --git a/school-course-list.html b/school-course-list.html
index 8bb9c3dd..86496db1 100644
--- a/school-course-list.html
+++ b/school-course-list.html
@@ -411,7 +411,7 @@ <h2 class="page-nav__title" id="midd-page-nav-label">
                 </figure>
               </div>
               <div class="paragraphs">
-                <section class="section paragraph--course-list js-filter-1024" data-digest-content>
+                <section class="section paragraph--course-list js-filter-37" data-digest-content>
                   <div class="section__header">
                     <h2 class="section__title"> Department Courses </h2>
                     <p class="section__text"> These are the courses taught in this department. </p>
@@ -419,23 +419,23 @@ <h2 class="section__title"> Department Courses </h2>
                   <p class="course-list--text">Courses offered in the past four years. Courses offered currently are as noted.</p>
                   <div class="course-list--filters">
                     <div class="checkbox checkbox--filter">
-                      <input id="course-list-filter-all-1024" name="course-list-filter-1024" class="radio__input course-list-filter course-list-filter-all" type="radio" checked data-course-filter="1024">
-                      <label class="radio__label" for="course-list-filter-all-1024">Show all courses.</label>
+                      <input id="course-list-filter-all-37" name="course-list-filter-37" class="radio__input course-list-filter course-list-filter-all" type="radio" checked data-course-filter="37">
+                      <label class="radio__label" for="course-list-filter-all-37">Show all courses.</label>
                     </div>
                     <div class="checkbox checkbox--filter">
-                      <input id="course-list-filter-current-1024" name="course-list-filter-1024" class="radio__input course-list-filter course-list-filter-current" type="radio" data-course-filter="1024">
-                      <label class="radio__label" for="course-list-filter-current-1024">Show current courses.</label>
+                      <input id="course-list-filter-current-37" name="course-list-filter-37" class="radio__input course-list-filter course-list-filter-current" type="radio" data-course-filter="37">
+                      <label class="radio__label" for="course-list-filter-current-37">Show current courses.</label>
                     </div>
                     <div class="checkbox checkbox--filter">
-                      <input id="course-list-filter-upcoming-1024" name="course-list-filter-1024" class="radio__input course-list-filter course-list-filter-upcoming" type="radio" data-course-filter="1024">
-                      <label class="radio__label" for="course-list-filter-upcoming-1024">Show upcoming courses.</label>
+                      <input id="course-list-filter-upcoming-37" name="course-list-filter-37" class="radio__input course-list-filter course-list-filter-upcoming" type="radio" data-course-filter="37">
+                      <label class="radio__label" for="course-list-filter-upcoming-37">Show upcoming courses.</label>
                     </div>
                   </div>
                   <div class="accordion" role="tablist">
-                    <div class="accordion-item js-accordion-item-991 accordion-item-current accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-42 accordion-item-current accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-991" class="accordion-item__link" data-toggle-target=".js-accordion-item-991" aria-expanded="false" aria-controls="midd-accordion-content-991" aria-labelledby="midd-accordion-item-label-991" role="button">
-                          <span id="midd-accordion-item-label-991">
+                        <a href="#midd-accordion-item-label-42" class="accordion-item__link" data-toggle-target=".js-accordion-item-42" aria-expanded="false" aria-controls="midd-accordion-content-42" aria-labelledby="midd-accordion-item-label-42" role="button">
+                          <span id="midd-accordion-item-label-42">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -443,7 +443,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-991" role="tabpanel" aria-labelledby="midd-accordion-item-label-991">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-42" role="tabpanel" aria-labelledby="midd-accordion-item-label-42">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -459,10 +459,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-286">
+                    <div class="accordion-item js-accordion-item-724">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-286" class="accordion-item__link" data-toggle-target=".js-accordion-item-286" aria-expanded="false" aria-controls="midd-accordion-content-286" aria-labelledby="midd-accordion-item-label-286" role="button">
-                          <span id="midd-accordion-item-label-286">
+                        <a href="#midd-accordion-item-label-724" class="accordion-item__link" data-toggle-target=".js-accordion-item-724" aria-expanded="false" aria-controls="midd-accordion-content-724" aria-labelledby="midd-accordion-item-label-724" role="button">
+                          <span id="midd-accordion-item-label-724">
                             <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -470,7 +470,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-286" role="tabpanel" aria-labelledby="midd-accordion-item-label-286">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-724" role="tabpanel" aria-labelledby="midd-accordion-item-label-724">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -481,10 +481,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1146 accordion-item-current">
+                    <div class="accordion-item js-accordion-item-1070 accordion-item-current">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1146" class="accordion-item__link" data-toggle-target=".js-accordion-item-1146" aria-expanded="false" aria-controls="midd-accordion-content-1146" aria-labelledby="midd-accordion-item-label-1146" role="button">
-                          <span id="midd-accordion-item-label-1146">
+                        <a href="#midd-accordion-item-label-1070" class="accordion-item__link" data-toggle-target=".js-accordion-item-1070" aria-expanded="false" aria-controls="midd-accordion-content-1070" aria-labelledby="midd-accordion-item-label-1070" role="button">
+                          <span id="midd-accordion-item-label-1070">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -492,7 +492,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-1146" role="tabpanel" aria-labelledby="midd-accordion-item-label-1146">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-1070" role="tabpanel" aria-labelledby="midd-accordion-item-label-1070">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -507,10 +507,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-199 accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-116 accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-199" class="accordion-item__link" data-toggle-target=".js-accordion-item-199" aria-expanded="false" aria-controls="midd-accordion-content-199" aria-labelledby="midd-accordion-item-label-199" role="button">
-                          <span id="midd-accordion-item-label-199">
+                        <a href="#midd-accordion-item-label-116" class="accordion-item__link" data-toggle-target=".js-accordion-item-116" aria-expanded="false" aria-controls="midd-accordion-content-116" aria-labelledby="midd-accordion-item-label-116" role="button">
+                          <span id="midd-accordion-item-label-116">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -518,7 +518,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-199" role="tabpanel" aria-labelledby="midd-accordion-item-label-199">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-116" role="tabpanel" aria-labelledby="midd-accordion-item-label-116">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -529,10 +529,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-778">
+                    <div class="accordion-item js-accordion-item-260">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-778" class="accordion-item__link" data-toggle-target=".js-accordion-item-778" aria-expanded="false" aria-controls="midd-accordion-content-778" aria-labelledby="midd-accordion-item-label-778" role="button">
-                          <span id="midd-accordion-item-label-778">
+                        <a href="#midd-accordion-item-label-260" class="accordion-item__link" data-toggle-target=".js-accordion-item-260" aria-expanded="false" aria-controls="midd-accordion-content-260" aria-labelledby="midd-accordion-item-label-260" role="button">
+                          <span id="midd-accordion-item-label-260">
                             <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -540,7 +540,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-778" role="tabpanel" aria-labelledby="midd-accordion-item-label-778">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-260" role="tabpanel" aria-labelledby="midd-accordion-item-label-260">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
diff --git a/school-event-list.html b/school-event-list.html
index fecf20e8..023f3890 100644
--- a/school-event-list.html
+++ b/school-event-list.html
@@ -381,7 +381,7 @@ <h2 class="filters__title"> Filters </h2>
                   </div>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-493" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-1021" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -389,13 +389,13 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-493">
+                    <div class="filter__body js-filter-1021">
                       <label for="midd-events-datepicker" class="sr-only"> Filter by date </label>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-1197" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-124" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -403,36 +403,36 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-1197">
+                    <div class="filter__body js-filter-124">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1197-1" />
-                        <label for="checkbox-item-1197-1" id="checkbox-label-1197-1" class="checkbox__label"> Arts Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-124-1" />
+                        <label for="checkbox-item-124-1" id="checkbox-label-124-1" class="checkbox__label"> Arts Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1197-2" />
-                        <label for="checkbox-item-1197-2" id="checkbox-label-1197-2" class="checkbox__label"> Athletics Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-124-2" />
+                        <label for="checkbox-item-124-2" id="checkbox-label-124-2" class="checkbox__label"> Athletics Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1197-3" />
-                        <label for="checkbox-item-1197-3" id="checkbox-label-1197-3" class="checkbox__label"> Campus Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-124-3" />
+                        <label for="checkbox-item-124-3" id="checkbox-label-124-3" class="checkbox__label"> Campus Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1197-4" />
-                        <label for="checkbox-item-1197-4" id="checkbox-label-1197-4" class="checkbox__label"> Featured Events Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-124-4" />
+                        <label for="checkbox-item-124-4" id="checkbox-label-124-4" class="checkbox__label"> Featured Events Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1197-5" />
-                        <label for="checkbox-item-1197-5" id="checkbox-label-1197-5" class="checkbox__label"> MIIS Main Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-124-5" />
+                        <label for="checkbox-item-124-5" id="checkbox-label-124-5" class="checkbox__label"> MIIS Main Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1197-6" />
-                        <label for="checkbox-item-1197-6" id="checkbox-label-1197-6" class="checkbox__label"> Student Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-124-6" />
+                        <label for="checkbox-item-124-6" id="checkbox-label-124-6" class="checkbox__label"> Student Calendar </label>
                       </div>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-626" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-841" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -440,79 +440,79 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-626">
+                    <div class="filter__body js-filter-841">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-626-1" />
-                        <label for="checkbox-item-626-1" id="checkbox-label-626-1" class="checkbox__label"> Academic Departments </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-841-1" />
+                        <label for="checkbox-item-841-1" id="checkbox-label-841-1" class="checkbox__label"> Academic Departments </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-1-child-1" aria-labelledby="checkbox-label-626-1-child-1 checkbox-label-626-1" />
-                          <label for="checkbox-item-626-1--child-1" id="checkbox-label-626-1-child-1" class="checkbox__label"> American Studies </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-1-child-1" aria-labelledby="checkbox-label-841-1-child-1 checkbox-label-841-1" />
+                          <label for="checkbox-item-841-1--child-1" id="checkbox-label-841-1-child-1" class="checkbox__label"> American Studies </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-1-child-2" aria-labelledby="checkbox-label-626-1-child-2 checkbox-label-626-1" />
-                          <label for="checkbox-item-626-1--child-2" id="checkbox-label-626-1-child-2" class="checkbox__label"> Anthropology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-1-child-2" aria-labelledby="checkbox-label-841-1-child-2 checkbox-label-841-1" />
+                          <label for="checkbox-item-841-1--child-2" id="checkbox-label-841-1-child-2" class="checkbox__label"> Anthropology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-1-child-3" aria-labelledby="checkbox-label-626-1-child-3 checkbox-label-626-1" />
-                          <label for="checkbox-item-626-1--child-3" id="checkbox-label-626-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-1-child-3" aria-labelledby="checkbox-label-841-1-child-3 checkbox-label-841-1" />
+                          <label for="checkbox-item-841-1--child-3" id="checkbox-label-841-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-1-child-4" aria-labelledby="checkbox-label-626-1-child-4 checkbox-label-626-1" />
-                          <label for="checkbox-item-626-1--child-4" id="checkbox-label-626-1-child-4" class="checkbox__label"> Biology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-1-child-4" aria-labelledby="checkbox-label-841-1-child-4 checkbox-label-841-1" />
+                          <label for="checkbox-item-841-1--child-4" id="checkbox-label-841-1-child-4" class="checkbox__label"> Biology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-1-child-5" aria-labelledby="checkbox-label-626-1-child-5 checkbox-label-626-1" />
-                          <label for="checkbox-item-626-1--child-5" id="checkbox-label-626-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-1-child-5" aria-labelledby="checkbox-label-841-1-child-5 checkbox-label-841-1" />
+                          <label for="checkbox-item-841-1--child-5" id="checkbox-label-841-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-1-child-6" aria-labelledby="checkbox-label-626-1-child-6 checkbox-label-626-1" />
-                          <label for="checkbox-item-626-1--child-6" id="checkbox-label-626-1-child-6" class="checkbox__label"> Music </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-1-child-6" aria-labelledby="checkbox-label-841-1-child-6 checkbox-label-841-1" />
+                          <label for="checkbox-item-841-1--child-6" id="checkbox-label-841-1-child-6" class="checkbox__label"> Music </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-626-2" />
-                        <label for="checkbox-item-626-2" id="checkbox-label-626-2" class="checkbox__label"> Administrative Offices </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-841-2" />
+                        <label for="checkbox-item-841-2" id="checkbox-label-841-2" class="checkbox__label"> Administrative Offices </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-2-child-1" aria-labelledby="checkbox-label-626-2-child-1 checkbox-label-626-2" />
-                          <label for="checkbox-item-626-2--child-1" id="checkbox-label-626-2-child-1" class="checkbox__label"> Academic Affairs </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-2-child-1" aria-labelledby="checkbox-label-841-2-child-1 checkbox-label-841-2" />
+                          <label for="checkbox-item-841-2--child-1" id="checkbox-label-841-2-child-1" class="checkbox__label"> Academic Affairs </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-2-child-2" aria-labelledby="checkbox-label-626-2-child-2 checkbox-label-626-2" />
-                          <label for="checkbox-item-626-2--child-2" id="checkbox-label-626-2-child-2" class="checkbox__label"> Admissions </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-2-child-2" aria-labelledby="checkbox-label-841-2-child-2 checkbox-label-841-2" />
+                          <label for="checkbox-item-841-2--child-2" id="checkbox-label-841-2-child-2" class="checkbox__label"> Admissions </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-2-child-3" aria-labelledby="checkbox-label-626-2-child-3 checkbox-label-626-2" />
-                          <label for="checkbox-item-626-2--child-3" id="checkbox-label-626-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-2-child-3" aria-labelledby="checkbox-label-841-2-child-3 checkbox-label-841-2" />
+                          <label for="checkbox-item-841-2--child-3" id="checkbox-label-841-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-2-child-4" aria-labelledby="checkbox-label-626-2-child-4 checkbox-label-626-2" />
-                          <label for="checkbox-item-626-2--child-4" id="checkbox-label-626-2-child-4" class="checkbox__label"> Museum of Art </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-2-child-4" aria-labelledby="checkbox-label-841-2-child-4 checkbox-label-841-2" />
+                          <label for="checkbox-item-841-2--child-4" id="checkbox-label-841-2-child-4" class="checkbox__label"> Museum of Art </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-626-3" />
-                        <label for="checkbox-item-626-3" id="checkbox-label-626-3" class="checkbox__label"> Student Organizations </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-841-3" />
+                        <label for="checkbox-item-841-3" id="checkbox-label-841-3" class="checkbox__label"> Student Organizations </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-3-child-1" aria-labelledby="checkbox-label-626-3-child-1 checkbox-label-626-3" />
-                          <label for="checkbox-item-626-3--child-1" id="checkbox-label-626-3-child-1" class="checkbox__label"> Amnesty International </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-3-child-1" aria-labelledby="checkbox-label-841-3-child-1 checkbox-label-841-3" />
+                          <label for="checkbox-item-841-3--child-1" id="checkbox-label-841-3-child-1" class="checkbox__label"> Amnesty International </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-3-child-2" aria-labelledby="checkbox-label-626-3-child-2 checkbox-label-626-3" />
-                          <label for="checkbox-item-626-3--child-2" id="checkbox-label-626-3-child-2" class="checkbox__label"> Black Student Union </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-3-child-2" aria-labelledby="checkbox-label-841-3-child-2 checkbox-label-841-3" />
+                          <label for="checkbox-item-841-3--child-2" id="checkbox-label-841-3-child-2" class="checkbox__label"> Black Student Union </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-3-child-3" aria-labelledby="checkbox-label-626-3-child-3 checkbox-label-626-3" />
-                          <label for="checkbox-item-626-3--child-3" id="checkbox-label-626-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-3-child-3" aria-labelledby="checkbox-label-841-3-child-3 checkbox-label-841-3" />
+                          <label for="checkbox-item-841-3--child-3" id="checkbox-label-841-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-626-3-child-4" aria-labelledby="checkbox-label-626-3-child-4 checkbox-label-626-3" />
-                          <label for="checkbox-item-626-3--child-4" id="checkbox-label-626-3-child-4" class="checkbox__label"> Quidditch </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-841-3-child-4" aria-labelledby="checkbox-label-841-3-child-4 checkbox-label-841-3" />
+                          <label for="checkbox-item-841-3--child-4" id="checkbox-label-841-3-child-4" class="checkbox__label"> Quidditch </label>
                         </div>
                       </div>
                     </div>
diff --git a/school-home-blse.html b/school-home-blse.html
index 733302d2..a046891b 100644
--- a/school-home-blse.html
+++ b/school-home-blse.html
@@ -344,18 +344,18 @@ <h1 class="school-header__title">
             <div class="paragraphs paragraphs--wide">
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="mega-cta mega-cta--image-  mega-cta--blse" aria-labelledby="midd-mega-cta-label-338">
+                  <section class="mega-cta mega-cta--image-  mega-cta--blse" aria-labelledby="midd-mega-cta-label-625">
                     <div>
                       <figure class="mega-cta__back">
                         <img src="https://placehold.co/1440x810" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/960x540 960w,https://placehold.co/1280x720 1280w,https://placehold.co/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                         <figcaption class="mega-cta__caption">
                           <div class="tooltip tooltip--light">
-                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-1216">
+                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-1161">
                               <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-info">
                               </svg>
                             </button>
-                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-1216"> caption for mega cta </div>
+                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-1161"> caption for mega cta </div>
                           </div>
                         </figcaption>
                       </figure>
diff --git a/school-home-college.html b/school-home-college.html
index e84f27d6..c975939d 100644
--- a/school-home-college.html
+++ b/school-home-college.html
@@ -402,7 +402,7 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                     <div class="grid-container js-grid-container">
                       <div class="grid-quad-block quad-1">
                         <div class="quad-item-1" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1231">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-311">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
@@ -410,7 +410,7 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                             </span>
                             <img class="js-lazy-load" width="716" height="403" data-src="https://placehold.co/716x403" data-srcset="https://placehold.co/320x180 320w,https://placehold.co/380x214 380w,https://placehold.co/596x335 596w,https://placehold.co/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1231">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-311">
                             <div class="grid-hover__text">
                               <p>Take a tour of Middlebury Campus</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
@@ -421,7 +421,7 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-1231" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-311" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -432,7 +432,7 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                               <!-- video iframe html should be escaped -->
                               <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                                 <div class="video__content js-video-content">
-                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-330">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-450">
                                     <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                     <span class="button  button--light video__button"> Play <span class="ml-3">
                                         <svg class="icon  " focusable="false" aria-hidden="true">
@@ -443,14 +443,14 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                                   </a>
                                 </div>
                                 <figcaption class="offset-lg-1 grid-video__body">
-                                  <h3 class=sr-only id="midd-video-label-330">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-450">Practical Skills for Positive Change</h3>
                                   <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                  <div class="transcript js-transcript-330 grid-video__transcript">
-                                    <a href="#midd-transcript-330" class="transcript__button" data-toggle-target=".js-transcript-330" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                  <div class="transcript js-transcript-450 grid-video__transcript">
+                                    <a href="#midd-transcript-450" class="transcript__button" data-toggle-target=".js-transcript-450" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-chevron-down">
                                       </svg>
                                     </a>
-                                    <div class="transcript__body" id="midd-transcript-330">
+                                    <div class="transcript__body" id="midd-transcript-450">
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -462,26 +462,97 @@ <h3 class=sr-only id="midd-video-label-330">Practical Skills for Positive Change
                           </div>
                         </div>
                         <div class="quad-item-2" tabindex="0">
-                          <figure class="grid-quote quote-text--small quote--dark">
-                            <blockquote class="grid-quote__text">I went to the Knoll and the sky was so clear. I saw Jupiter and my first shooting star!”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ella Roelofs ’23.5 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
+                          <div class="grid-stats dark">
+                            <div class="chart-group__list chart-group__list--2">
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>16</span>
+                                  </span>
+                                  <span class="stats__text">average class size</span>
+                                </div>
+                              </div>
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>500</span>
+                                  </span>
+                                  <span class="stats__text">on-campus interviews</span>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
                         </div>
                         <div class="quad-item-3" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-232">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-66">
+                            <span class="button grid__label-icon">
+                              <svg class="icon play " focusable="false" aria-hidden="true">
+                                <use xlink:href="#icon-play">
+                              </svg>
+                            </span>
+                            <img class="js-lazy-load" width="403" height="716" data-src="https://placehold.co/403x716" data-srcset="https://placehold.co/180x320 180w,https://placehold.co/214x380 214w,https://placehold.co/335x596 335w,https://placehold.co/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
+                          </div>
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-66">
+                            <div class="grid-hover__text">
+                              <p>Take a tour of Middlebury Campus</p>
+                              <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
+                                  <svg class="icon  " focusable="false" aria-hidden="true">
+                                    <use xlink:href="#icon-play">
+                                  </svg>
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                          <div class="grid-modal" id="midd-grid-overlay-66" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                            <div class="grid-modal__button-container">
+                              <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
+                                  <use xlink:href="#icon-times">
+                                </svg>
+                              </button>
+                            </div>
+                            <div class="grid-modal__overlay container">
+                              <!-- video iframe html should be escaped -->
+                              <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
+                                <div class="video__content js-video-content">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1035">
+                                    <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
+                                    <span class="button  button--light video__button"> Play <span class="ml-3">
+                                        <svg class="icon  " focusable="false" aria-hidden="true">
+                                          <use xlink:href="#icon-play">
+                                        </svg>
+                                      </span>
+                                    </span>
+                                  </a>
+                                </div>
+                                <figcaption class="offset-lg-1 grid-video__body">
+                                  <h3 class=sr-only id="midd-video-label-1035">Practical Skills for Positive Change</h3>
+                                  <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                                  <div class="transcript js-transcript-1035 grid-video__transcript">
+                                    <a href="#midd-transcript-1035" class="transcript__button" data-toggle-target=".js-transcript-1035" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                        <use xlink:href="#icon-chevron-down">
+                                      </svg>
+                                    </a>
+                                    <div class="transcript__body" id="midd-transcript-1035">
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                    </div>
+                                  </div>
+                                </figcaption>
+                              </figure>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="quad-item-4" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1138">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
                               </svg>
                             </span>
-                            <img class="js-lazy-load" width="403" height="716" data-src="https://placehold.co/403x716" data-srcset="https://placehold.co/180x320 180w,https://placehold.co/214x380 214w,https://placehold.co/335x596 335w,https://placehold.co/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
+                            <img class="js-lazy-load" width="305" height="305" data-src="https://placehold.co/305x305" data-srcset="https://placehold.co/132x132 132w,https://placehold.co/158x158 158w,https://placehold.co/252x252 252w,https://placehold.co/305x305 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-232">
+                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-1138">
                             <div class="grid-hover__text">
-                              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
                                   <svg class="icon  " focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-expand">
@@ -490,7 +561,7 @@ <h3 class=sr-only id="midd-video-label-330">Practical Skills for Positive Change
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-232" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-1138" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -499,7 +570,7 @@ <h3 class=sr-only id="midd-video-label-330">Practical Skills for Positive Change
                             </div>
                             <div class="grid-modal__overlay container">
                               <figure class="grid-modal__image">
-                                <img class="js-lazy-load" width="335" height="596" data-src="https://placehold.co/335x596" data-srcset="https://placehold.co/335x596 335w" sizes="(max-width: 335px) 100vw, 335px" alt="" />
+                                <img class="js-lazy-load" width="1376" height="774" data-src="https://placehold.co/1376x774" data-srcset="https://placehold.co/1376x774 1376w" sizes="(max-width: 1376px) 100vw, 1376px" alt="" />
                                 <figcaption class="offset-lg-1 grid-image__body">
                                   <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                   <p class="image__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. Suspendisse commodo pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
@@ -508,30 +579,98 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </div>
                           </div>
                         </div>
-                        <div class="quad-item-4" tabindex="0">
+                      </div>
+                      <div class="grid-quad-block quad-2">
+                        <div class="quad-item-1" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-728">
+                            <span class="button grid__label-icon">
+                              <svg class="icon play " focusable="false" aria-hidden="true">
+                                <use xlink:href="#icon-play">
+                              </svg>
+                            </span>
+                            <img class="js-lazy-load" width="716" height="403" data-src="https://placehold.co/716x403" data-srcset="https://placehold.co/320x180 320w,https://placehold.co/380x214 380w,https://placehold.co/596x335 596w,https://placehold.co/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
+                          </div>
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-728">
+                            <div class="grid-hover__text">
+                              <p>Take a tour of Middlebury Campus</p>
+                              <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
+                                  <svg class="icon  " focusable="false" aria-hidden="true">
+                                    <use xlink:href="#icon-play">
+                                  </svg>
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                          <div class="grid-modal" id="midd-grid-overlay-728" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                            <div class="grid-modal__button-container">
+                              <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
+                                  <use xlink:href="#icon-times">
+                                </svg>
+                              </button>
+                            </div>
+                            <div class="grid-modal__overlay container">
+                              <!-- video iframe html should be escaped -->
+                              <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
+                                <div class="video__content js-video-content">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-976">
+                                    <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
+                                    <span class="button  button--light video__button"> Play <span class="ml-3">
+                                        <svg class="icon  " focusable="false" aria-hidden="true">
+                                          <use xlink:href="#icon-play">
+                                        </svg>
+                                      </span>
+                                    </span>
+                                  </a>
+                                </div>
+                                <figcaption class="offset-lg-1 grid-video__body">
+                                  <h3 class=sr-only id="midd-video-label-976">Practical Skills for Positive Change</h3>
+                                  <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                                  <div class="transcript js-transcript-976 grid-video__transcript">
+                                    <a href="#midd-transcript-976" class="transcript__button" data-toggle-target=".js-transcript-976" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                        <use xlink:href="#icon-chevron-down">
+                                      </svg>
+                                    </a>
+                                    <div class="transcript__body" id="midd-transcript-976">
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                    </div>
+                                  </div>
+                                </figcaption>
+                              </figure>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="quad-item-2" tabindex="0">
                           <div class="grid-stats dark">
-                            <div class="chart-group__list">
+                            <div class="chart-group__list chart-group__list--2">
                               <div class="chart-group__item chart-group__item--stats">
                                 <div class="stats">
-                                  <span class="stats__label"><span data-countup>8</span> :1</span>
+                                  <span class="stats__label"><span data-countup>16</span>
+                                  </span>
                                   <span class="stats__text">average class size</span>
                                 </div>
                               </div>
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>500</span>
+                                  </span>
+                                  <span class="stats__text">on-campus interviews</span>
+                                </div>
+                              </div>
                             </div>
                           </div>
                         </div>
-                      </div>
-                      <div class="grid-quad-block quad-2">
-                        <div class="quad-item-1" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-522">
+                        <div class="quad-item-3" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-677">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
                               </svg>
                             </span>
-                            <img class="js-lazy-load" width="716" height="403" data-src="https://placehold.co/716x403" data-srcset="https://placehold.co/320x180 320w,https://placehold.co/380x214 380w,https://placehold.co/596x335 596w,https://placehold.co/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
+                            <img class="js-lazy-load" width="403" height="716" data-src="https://placehold.co/403x716" data-srcset="https://placehold.co/180x320 180w,https://placehold.co/214x380 214w,https://placehold.co/335x596 335w,https://placehold.co/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-522">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-677">
                             <div class="grid-hover__text">
                               <p>Take a tour of Middlebury Campus</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
@@ -542,7 +681,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-522" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-677" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -553,7 +692,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               <!-- video iframe html should be escaped -->
                               <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                                 <div class="video__content js-video-content">
-                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-893">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-443">
                                     <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                     <span class="button  button--light video__button"> Play <span class="ml-3">
                                         <svg class="icon  " focusable="false" aria-hidden="true">
@@ -564,14 +703,14 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                                   </a>
                                 </div>
                                 <figcaption class="offset-lg-1 grid-video__body">
-                                  <h3 class=sr-only id="midd-video-label-893">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-443">Practical Skills for Positive Change</h3>
                                   <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                  <div class="transcript js-transcript-893 grid-video__transcript">
-                                    <a href="#midd-transcript-893" class="transcript__button" data-toggle-target=".js-transcript-893" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                  <div class="transcript js-transcript-443 grid-video__transcript">
+                                    <a href="#midd-transcript-443" class="transcript__button" data-toggle-target=".js-transcript-443" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-chevron-down">
                                       </svg>
                                     </a>
-                                    <div class="transcript__body" id="midd-transcript-893">
+                                    <div class="transcript__body" id="midd-transcript-443">
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -582,27 +721,18 @@ <h3 class=sr-only id="midd-video-label-893">Practical Skills for Positive Change
                             </div>
                           </div>
                         </div>
-                        <div class="quad-item-2" tabindex="0">
-                          <figure class="grid-quote quote-text--small quote--dark">
-                            <blockquote class="grid-quote__text">I went to the Knoll and the sky was so clear. I saw Jupiter and my first shooting star!”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ella Roelofs ’23.5 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
-                        </div>
-                        <div class="quad-item-3" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-643">
+                        <div class="quad-item-4" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1135">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
                               </svg>
                             </span>
-                            <img class="js-lazy-load" width="403" height="716" data-src="https://placehold.co/403x716" data-srcset="https://placehold.co/180x320 180w,https://placehold.co/214x380 214w,https://placehold.co/335x596 335w,https://placehold.co/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
+                            <img class="js-lazy-load" width="305" height="305" data-src="https://placehold.co/305x305" data-srcset="https://placehold.co/132x132 132w,https://placehold.co/158x158 158w,https://placehold.co/252x252 252w,https://placehold.co/305x305 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-643">
+                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-1135">
                             <div class="grid-hover__text">
-                              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
                                   <svg class="icon  " focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-expand">
@@ -611,7 +741,7 @@ <h3 class=sr-only id="midd-video-label-893">Practical Skills for Positive Change
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-643" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-1135" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -620,7 +750,7 @@ <h3 class=sr-only id="midd-video-label-893">Practical Skills for Positive Change
                             </div>
                             <div class="grid-modal__overlay container">
                               <figure class="grid-modal__image">
-                                <img class="js-lazy-load" width="335" height="596" data-src="https://placehold.co/335x596" data-srcset="https://placehold.co/335x596 335w" sizes="(max-width: 335px) 100vw, 335px" alt="" />
+                                <img class="js-lazy-load" width="1376" height="774" data-src="https://placehold.co/1376x774" data-srcset="https://placehold.co/1376x774 1376w" sizes="(max-width: 1376px) 100vw, 1376px" alt="" />
                                 <figcaption class="offset-lg-1 grid-image__body">
                                   <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                   <p class="image__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. Suspendisse commodo pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
@@ -629,30 +759,98 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </div>
                           </div>
                         </div>
-                        <div class="quad-item-4" tabindex="0">
+                      </div>
+                      <div class="grid-quad-block quad-3">
+                        <div class="quad-item-1" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1113">
+                            <span class="button grid__label-icon">
+                              <svg class="icon play " focusable="false" aria-hidden="true">
+                                <use xlink:href="#icon-play">
+                              </svg>
+                            </span>
+                            <img class="js-lazy-load" width="716" height="403" data-src="https://placehold.co/716x403" data-srcset="https://placehold.co/320x180 320w,https://placehold.co/380x214 380w,https://placehold.co/596x335 596w,https://placehold.co/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
+                          </div>
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1113">
+                            <div class="grid-hover__text">
+                              <p>Take a tour of Middlebury Campus</p>
+                              <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
+                                  <svg class="icon  " focusable="false" aria-hidden="true">
+                                    <use xlink:href="#icon-play">
+                                  </svg>
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                          <div class="grid-modal" id="midd-grid-overlay-1113" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                            <div class="grid-modal__button-container">
+                              <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
+                                  <use xlink:href="#icon-times">
+                                </svg>
+                              </button>
+                            </div>
+                            <div class="grid-modal__overlay container">
+                              <!-- video iframe html should be escaped -->
+                              <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
+                                <div class="video__content js-video-content">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-552">
+                                    <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
+                                    <span class="button  button--light video__button"> Play <span class="ml-3">
+                                        <svg class="icon  " focusable="false" aria-hidden="true">
+                                          <use xlink:href="#icon-play">
+                                        </svg>
+                                      </span>
+                                    </span>
+                                  </a>
+                                </div>
+                                <figcaption class="offset-lg-1 grid-video__body">
+                                  <h3 class=sr-only id="midd-video-label-552">Practical Skills for Positive Change</h3>
+                                  <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                                  <div class="transcript js-transcript-552 grid-video__transcript">
+                                    <a href="#midd-transcript-552" class="transcript__button" data-toggle-target=".js-transcript-552" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                        <use xlink:href="#icon-chevron-down">
+                                      </svg>
+                                    </a>
+                                    <div class="transcript__body" id="midd-transcript-552">
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                    </div>
+                                  </div>
+                                </figcaption>
+                              </figure>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="quad-item-2" tabindex="0">
                           <div class="grid-stats dark">
-                            <div class="chart-group__list">
+                            <div class="chart-group__list chart-group__list--2">
                               <div class="chart-group__item chart-group__item--stats">
                                 <div class="stats">
-                                  <span class="stats__label"><span data-countup>8</span> :1</span>
+                                  <span class="stats__label"><span data-countup>16</span>
+                                  </span>
                                   <span class="stats__text">average class size</span>
                                 </div>
                               </div>
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>500</span>
+                                  </span>
+                                  <span class="stats__text">on-campus interviews</span>
+                                </div>
+                              </div>
                             </div>
                           </div>
                         </div>
-                      </div>
-                      <div class="grid-quad-block quad-3">
-                        <div class="quad-item-1" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1229">
+                        <div class="quad-item-3" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1044">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
                               </svg>
                             </span>
-                            <img class="js-lazy-load" width="716" height="403" data-src="https://placehold.co/716x403" data-srcset="https://placehold.co/320x180 320w,https://placehold.co/380x214 380w,https://placehold.co/596x335 596w,https://placehold.co/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
+                            <img class="js-lazy-load" width="403" height="716" data-src="https://placehold.co/403x716" data-srcset="https://placehold.co/180x320 180w,https://placehold.co/214x380 214w,https://placehold.co/335x596 335w,https://placehold.co/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1229">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1044">
                             <div class="grid-hover__text">
                               <p>Take a tour of Middlebury Campus</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
@@ -663,7 +861,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-1229" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-1044" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -674,7 +872,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               <!-- video iframe html should be escaped -->
                               <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                                 <div class="video__content js-video-content">
-                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-181">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-470">
                                     <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                     <span class="button  button--light video__button"> Play <span class="ml-3">
                                         <svg class="icon  " focusable="false" aria-hidden="true">
@@ -685,14 +883,14 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                                   </a>
                                 </div>
                                 <figcaption class="offset-lg-1 grid-video__body">
-                                  <h3 class=sr-only id="midd-video-label-181">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-470">Practical Skills for Positive Change</h3>
                                   <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                  <div class="transcript js-transcript-181 grid-video__transcript">
-                                    <a href="#midd-transcript-181" class="transcript__button" data-toggle-target=".js-transcript-181" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                  <div class="transcript js-transcript-470 grid-video__transcript">
+                                    <a href="#midd-transcript-470" class="transcript__button" data-toggle-target=".js-transcript-470" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-chevron-down">
                                       </svg>
                                     </a>
-                                    <div class="transcript__body" id="midd-transcript-181">
+                                    <div class="transcript__body" id="midd-transcript-470">
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -703,27 +901,18 @@ <h3 class=sr-only id="midd-video-label-181">Practical Skills for Positive Change
                             </div>
                           </div>
                         </div>
-                        <div class="quad-item-2" tabindex="0">
-                          <figure class="grid-quote quote-text--small quote--dark">
-                            <blockquote class="grid-quote__text">I went to the Knoll and the sky was so clear. I saw Jupiter and my first shooting star!”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ella Roelofs ’23.5 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
-                        </div>
-                        <div class="quad-item-3" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-726">
+                        <div class="quad-item-4" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-942">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
                               </svg>
                             </span>
-                            <img class="js-lazy-load" width="403" height="716" data-src="https://placehold.co/403x716" data-srcset="https://placehold.co/180x320 180w,https://placehold.co/214x380 214w,https://placehold.co/335x596 335w,https://placehold.co/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
+                            <img class="js-lazy-load" width="305" height="305" data-src="https://placehold.co/305x305" data-srcset="https://placehold.co/132x132 132w,https://placehold.co/158x158 158w,https://placehold.co/252x252 252w,https://placehold.co/305x305 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-726">
+                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-942">
                             <div class="grid-hover__text">
-                              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
                                   <svg class="icon  " focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-expand">
@@ -732,7 +921,7 @@ <h3 class=sr-only id="midd-video-label-181">Practical Skills for Positive Change
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-726" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-942" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -741,7 +930,7 @@ <h3 class=sr-only id="midd-video-label-181">Practical Skills for Positive Change
                             </div>
                             <div class="grid-modal__overlay container">
                               <figure class="grid-modal__image">
-                                <img class="js-lazy-load" width="335" height="596" data-src="https://placehold.co/335x596" data-srcset="https://placehold.co/335x596 335w" sizes="(max-width: 335px) 100vw, 335px" alt="" />
+                                <img class="js-lazy-load" width="1376" height="774" data-src="https://placehold.co/1376x774" data-srcset="https://placehold.co/1376x774 1376w" sizes="(max-width: 1376px) 100vw, 1376px" alt="" />
                                 <figcaption class="offset-lg-1 grid-image__body">
                                   <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                   <p class="image__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. Suspendisse commodo pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
@@ -750,30 +939,98 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </div>
                           </div>
                         </div>
-                        <div class="quad-item-4" tabindex="0">
+                      </div>
+                      <div class="grid-quad-block quad-4">
+                        <div class="quad-item-1" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-640">
+                            <span class="button grid__label-icon">
+                              <svg class="icon play " focusable="false" aria-hidden="true">
+                                <use xlink:href="#icon-play">
+                              </svg>
+                            </span>
+                            <img class="js-lazy-load" width="716" height="403" data-src="https://placehold.co/716x403" data-srcset="https://placehold.co/320x180 320w,https://placehold.co/380x214 380w,https://placehold.co/596x335 596w,https://placehold.co/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
+                          </div>
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-640">
+                            <div class="grid-hover__text">
+                              <p>Take a tour of Middlebury Campus</p>
+                              <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
+                                  <svg class="icon  " focusable="false" aria-hidden="true">
+                                    <use xlink:href="#icon-play">
+                                  </svg>
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                          <div class="grid-modal" id="midd-grid-overlay-640" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                            <div class="grid-modal__button-container">
+                              <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
+                                  <use xlink:href="#icon-times">
+                                </svg>
+                              </button>
+                            </div>
+                            <div class="grid-modal__overlay container">
+                              <!-- video iframe html should be escaped -->
+                              <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
+                                <div class="video__content js-video-content">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-134">
+                                    <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
+                                    <span class="button  button--light video__button"> Play <span class="ml-3">
+                                        <svg class="icon  " focusable="false" aria-hidden="true">
+                                          <use xlink:href="#icon-play">
+                                        </svg>
+                                      </span>
+                                    </span>
+                                  </a>
+                                </div>
+                                <figcaption class="offset-lg-1 grid-video__body">
+                                  <h3 class=sr-only id="midd-video-label-134">Practical Skills for Positive Change</h3>
+                                  <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                                  <div class="transcript js-transcript-134 grid-video__transcript">
+                                    <a href="#midd-transcript-134" class="transcript__button" data-toggle-target=".js-transcript-134" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                        <use xlink:href="#icon-chevron-down">
+                                      </svg>
+                                    </a>
+                                    <div class="transcript__body" id="midd-transcript-134">
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                    </div>
+                                  </div>
+                                </figcaption>
+                              </figure>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="quad-item-2" tabindex="0">
                           <div class="grid-stats dark">
-                            <div class="chart-group__list">
+                            <div class="chart-group__list chart-group__list--2">
                               <div class="chart-group__item chart-group__item--stats">
                                 <div class="stats">
-                                  <span class="stats__label"><span data-countup>8</span> :1</span>
+                                  <span class="stats__label"><span data-countup>16</span>
+                                  </span>
                                   <span class="stats__text">average class size</span>
                                 </div>
                               </div>
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>500</span>
+                                  </span>
+                                  <span class="stats__text">on-campus interviews</span>
+                                </div>
+                              </div>
                             </div>
                           </div>
                         </div>
-                      </div>
-                      <div class="grid-quad-block quad-4">
-                        <div class="quad-item-1" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-212">
+                        <div class="quad-item-3" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-155">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
                               </svg>
                             </span>
-                            <img class="js-lazy-load" width="716" height="403" data-src="https://placehold.co/716x403" data-srcset="https://placehold.co/320x180 320w,https://placehold.co/380x214 380w,https://placehold.co/596x335 596w,https://placehold.co/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
+                            <img class="js-lazy-load" width="403" height="716" data-src="https://placehold.co/403x716" data-srcset="https://placehold.co/180x320 180w,https://placehold.co/214x380 214w,https://placehold.co/335x596 335w,https://placehold.co/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-212">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-155">
                             <div class="grid-hover__text">
                               <p>Take a tour of Middlebury Campus</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
@@ -784,7 +1041,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-212" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-155" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -795,7 +1052,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               <!-- video iframe html should be escaped -->
                               <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                                 <div class="video__content js-video-content">
-                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-886">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-120">
                                     <img class="js-lazy-load" width="1136" height="639" data-src="https://placehold.co/1136x639" data-srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                     <span class="button  button--light video__button"> Play <span class="ml-3">
                                         <svg class="icon  " focusable="false" aria-hidden="true">
@@ -806,14 +1063,14 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                                   </a>
                                 </div>
                                 <figcaption class="offset-lg-1 grid-video__body">
-                                  <h3 class=sr-only id="midd-video-label-886">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-120">Practical Skills for Positive Change</h3>
                                   <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                  <div class="transcript js-transcript-886 grid-video__transcript">
-                                    <a href="#midd-transcript-886" class="transcript__button" data-toggle-target=".js-transcript-886" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                  <div class="transcript js-transcript-120 grid-video__transcript">
+                                    <a href="#midd-transcript-120" class="transcript__button" data-toggle-target=".js-transcript-120" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-chevron-down">
                                       </svg>
                                     </a>
-                                    <div class="transcript__body" id="midd-transcript-886">
+                                    <div class="transcript__body" id="midd-transcript-120">
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -824,27 +1081,18 @@ <h3 class=sr-only id="midd-video-label-886">Practical Skills for Positive Change
                             </div>
                           </div>
                         </div>
-                        <div class="quad-item-2" tabindex="0">
-                          <figure class="grid-quote quote-text--small quote--dark">
-                            <blockquote class="grid-quote__text">I went to the Knoll and the sky was so clear. I saw Jupiter and my first shooting star!”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ella Roelofs ’23.5 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
-                        </div>
-                        <div class="quad-item-3" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-336">
+                        <div class="quad-item-4" tabindex="0">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-719">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
                               </svg>
                             </span>
-                            <img class="js-lazy-load" width="403" height="716" data-src="https://placehold.co/403x716" data-srcset="https://placehold.co/180x320 180w,https://placehold.co/214x380 214w,https://placehold.co/335x596 335w,https://placehold.co/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
+                            <img class="js-lazy-load" width="305" height="305" data-src="https://placehold.co/305x305" data-srcset="https://placehold.co/132x132 132w,https://placehold.co/158x158 158w,https://placehold.co/252x252 252w,https://placehold.co/305x305 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-336">
+                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-719">
                             <div class="grid-hover__text">
-                              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
                                   <svg class="icon  " focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-expand">
@@ -853,7 +1101,7 @@ <h3 class=sr-only id="midd-video-label-886">Practical Skills for Positive Change
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-336" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-719" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -862,7 +1110,7 @@ <h3 class=sr-only id="midd-video-label-886">Practical Skills for Positive Change
                             </div>
                             <div class="grid-modal__overlay container">
                               <figure class="grid-modal__image">
-                                <img class="js-lazy-load" width="335" height="596" data-src="https://placehold.co/335x596" data-srcset="https://placehold.co/335x596 335w" sizes="(max-width: 335px) 100vw, 335px" alt="" />
+                                <img class="js-lazy-load" width="1376" height="774" data-src="https://placehold.co/1376x774" data-srcset="https://placehold.co/1376x774 1376w" sizes="(max-width: 1376px) 100vw, 1376px" alt="" />
                                 <figcaption class="offset-lg-1 grid-image__body">
                                   <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                   <p class="image__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. Suspendisse commodo pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
@@ -871,18 +1119,6 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </div>
                           </div>
                         </div>
-                        <div class="quad-item-4" tabindex="0">
-                          <div class="grid-stats dark">
-                            <div class="chart-group__list">
-                              <div class="chart-group__item chart-group__item--stats">
-                                <div class="stats">
-                                  <span class="stats__label"><span data-countup>8</span> :1</span>
-                                  <span class="stats__text">average class size</span>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
                       </div>
                     </div>
                   </section>
diff --git a/school-home-institute.html b/school-home-institute.html
index 2ea4f703..11e7ea37 100644
--- a/school-home-institute.html
+++ b/school-home-institute.html
@@ -344,18 +344,18 @@ <h1 class="school-header__title">
             <div class="paragraphs paragraphs--wide">
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="mega-cta mega-cta--image-left-bottom " aria-labelledby="midd-mega-cta-label-52">
+                  <section class="mega-cta mega-cta--image-left-bottom " aria-labelledby="midd-mega-cta-label-39">
                     <div class="mega-cta__back-gradient">
                       <figure class="mega-cta__back">
                         <img data-original-image-width="1500" data-original-image-height="1000" srcset="https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/400x225/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=QClXNARD&amp;itok=l6U-0YEv 400w, https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/640x360/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=xL3gpSGz&amp;itok=nj-oj2Kv 640w, https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/960x540/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=GsS7WaEp&amp;itok=N0CGkwWZ 960w, https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/1280x720/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=iQE9u9P2&amp;itok=7PCkhQcT 1280w, https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/1440x810/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=Lao2Vvu6&amp;itok=6L7dR4rf 1440w" sizes="(max-width: 1440px) 100vw, 1440px" src="https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/1440x810/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=Lao2Vvu6&amp;itok=6L7dR4rf" alt="Two students in the computer lab discussing what is the on the computer screen">
                         <figcaption class="mega-cta__caption">
                           <div class="tooltip tooltip--light">
-                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-805">
+                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-365">
                               <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-info">
                               </svg>
                             </button>
-                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-805"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
+                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-365"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                           </div>
                         </figcaption>
                       </figure>
@@ -363,7 +363,7 @@ <h1 class="school-header__title">
                     <div class="mega-cta__front  mega-cta--gradient-left-top ">
                       <div class=" mega-cta__content-miis mega-cta__content-position mega-cta__content-position-left-top ">
                         <a href="#" class="mega-cta__link">
-                          <h2 class="mega-cta__title-miis" id="midd-mega-cta-label-52">Water Sanitation Research and Development, India</h2>
+                          <h2 class="mega-cta__title-miis" id="midd-mega-cta-label-39">Water Sanitation Research and Development, India</h2>
                         </a>
                         <p class="mega-cta__text-miis"> Access to safe water and adequate sanitation services has proven to be one of the most efficient ways of improving human health. </p>
                         <a class="button button--outline button--light" href="">Read more</a>
@@ -814,9 +814,9 @@ <h4>What now?</h4>
                 </div>
                 </section>
               </div>
-              <section class="section paragraph" aria-labelledby="section-866-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-706-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-866-label"> Featured News </h2>
+                  <h2 class="section__title" id="section-706-label"> Featured News </h2>
                   <a href="" class="section__link">View all</a>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
@@ -1362,153 +1362,153 @@ <h4>What now?</h4>
               <section class="section paragraph--faq" data-digest-content>
                 <h2 class="section__title"> Frequently Asked Questions </h2>
                 <div class="accordion" role="tablist">
-                  <div class="accordion-item js-accordion-item-712">
+                  <div class="accordion-item js-accordion-item-124">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-712" class="accordion-item__link" data-toggle-target=".js-accordion-item-712" aria-expanded="false" aria-controls="midd-accordion-content-712" aria-labelledby="midd-accordion-item-label-712" role="button">
+                      <a href="#midd-accordion-item-label-124" class="accordion-item__link" data-toggle-target=".js-accordion-item-124" aria-expanded="false" aria-controls="midd-accordion-content-124" aria-labelledby="midd-accordion-item-label-124" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-712"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-124"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-712" role="tabpanel" aria-labelledby="midd-accordion-item-label-712">
+                    <div class="accordion-item__content" id="midd-accordion-content-124" role="tabpanel" aria-labelledby="midd-accordion-item-label-124">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-809">
+                  <div class="accordion-item js-accordion-item-630">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-809" class="accordion-item__link" data-toggle-target=".js-accordion-item-809" aria-expanded="false" aria-controls="midd-accordion-content-809" aria-labelledby="midd-accordion-item-label-809" role="button">
+                      <a href="#midd-accordion-item-label-630" class="accordion-item__link" data-toggle-target=".js-accordion-item-630" aria-expanded="false" aria-controls="midd-accordion-content-630" aria-labelledby="midd-accordion-item-label-630" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-809"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-630"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-809" role="tabpanel" aria-labelledby="midd-accordion-item-label-809">
+                    <div class="accordion-item__content" id="midd-accordion-content-630" role="tabpanel" aria-labelledby="midd-accordion-item-label-630">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-1119">
+                  <div class="accordion-item js-accordion-item-188">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1119" class="accordion-item__link" data-toggle-target=".js-accordion-item-1119" aria-expanded="false" aria-controls="midd-accordion-content-1119" aria-labelledby="midd-accordion-item-label-1119" role="button">
+                      <a href="#midd-accordion-item-label-188" class="accordion-item__link" data-toggle-target=".js-accordion-item-188" aria-expanded="false" aria-controls="midd-accordion-content-188" aria-labelledby="midd-accordion-item-label-188" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-1119">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-188">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-1119" role="tabpanel" aria-labelledby="midd-accordion-item-label-1119">
+                    <div class="accordion-item__content" id="midd-accordion-content-188" role="tabpanel" aria-labelledby="midd-accordion-item-label-188">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-277">
+                  <div class="accordion-item js-accordion-item-1179">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-277" class="accordion-item__link" data-toggle-target=".js-accordion-item-277" aria-expanded="false" aria-controls="midd-accordion-content-277" aria-labelledby="midd-accordion-item-label-277" role="button">
+                      <a href="#midd-accordion-item-label-1179" class="accordion-item__link" data-toggle-target=".js-accordion-item-1179" aria-expanded="false" aria-controls="midd-accordion-content-1179" aria-labelledby="midd-accordion-item-label-1179" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-277">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-1179">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-277" role="tabpanel" aria-labelledby="midd-accordion-item-label-277">
+                    <div class="accordion-item__content" id="midd-accordion-content-1179" role="tabpanel" aria-labelledby="midd-accordion-item-label-1179">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-491">
+                  <div class="accordion-item js-accordion-item-1085">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-491" class="accordion-item__link" data-toggle-target=".js-accordion-item-491" aria-expanded="false" aria-controls="midd-accordion-content-491" aria-labelledby="midd-accordion-item-label-491" role="button">
+                      <a href="#midd-accordion-item-label-1085" class="accordion-item__link" data-toggle-target=".js-accordion-item-1085" aria-expanded="false" aria-controls="midd-accordion-content-1085" aria-labelledby="midd-accordion-item-label-1085" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-491">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-1085">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-491" role="tabpanel" aria-labelledby="midd-accordion-item-label-491">
+                    <div class="accordion-item__content" id="midd-accordion-content-1085" role="tabpanel" aria-labelledby="midd-accordion-item-label-1085">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-28">
+                  <div class="accordion-item js-accordion-item-379">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-28" class="accordion-item__link" data-toggle-target=".js-accordion-item-28" aria-expanded="false" aria-controls="midd-accordion-content-28" aria-labelledby="midd-accordion-item-label-28" role="button">
+                      <a href="#midd-accordion-item-label-379" class="accordion-item__link" data-toggle-target=".js-accordion-item-379" aria-expanded="false" aria-controls="midd-accordion-content-379" aria-labelledby="midd-accordion-item-label-379" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-28">Lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-379">Lorem ipsum consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-28" role="tabpanel" aria-labelledby="midd-accordion-item-label-28">
+                    <div class="accordion-item__content" id="midd-accordion-content-379" role="tabpanel" aria-labelledby="midd-accordion-item-label-379">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-979">
+                  <div class="accordion-item js-accordion-item-785">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-979" class="accordion-item__link" data-toggle-target=".js-accordion-item-979" aria-expanded="false" aria-controls="midd-accordion-content-979" aria-labelledby="midd-accordion-item-label-979" role="button">
+                      <a href="#midd-accordion-item-label-785" class="accordion-item__link" data-toggle-target=".js-accordion-item-785" aria-expanded="false" aria-controls="midd-accordion-content-785" aria-labelledby="midd-accordion-item-label-785" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-979">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-785">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-979" role="tabpanel" aria-labelledby="midd-accordion-item-label-979">
+                    <div class="accordion-item__content" id="midd-accordion-content-785" role="tabpanel" aria-labelledby="midd-accordion-item-label-785">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-706">
+                  <div class="accordion-item js-accordion-item-1007">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-706" class="accordion-item__link" data-toggle-target=".js-accordion-item-706" aria-expanded="false" aria-controls="midd-accordion-content-706" aria-labelledby="midd-accordion-item-label-706" role="button">
+                      <a href="#midd-accordion-item-label-1007" class="accordion-item__link" data-toggle-target=".js-accordion-item-1007" aria-expanded="false" aria-controls="midd-accordion-content-1007" aria-labelledby="midd-accordion-item-label-1007" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-706">Lorem ipsum dolor sit amet elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-1007">Lorem ipsum dolor sit amet elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-706" role="tabpanel" aria-labelledby="midd-accordion-item-label-706">
+                    <div class="accordion-item__content" id="midd-accordion-content-1007" role="tabpanel" aria-labelledby="midd-accordion-item-label-1007">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-1043">
+                  <div class="accordion-item js-accordion-item-418">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1043" class="accordion-item__link" data-toggle-target=".js-accordion-item-1043" aria-expanded="false" aria-controls="midd-accordion-content-1043" aria-labelledby="midd-accordion-item-label-1043" role="button">
+                      <a href="#midd-accordion-item-label-418" class="accordion-item__link" data-toggle-target=".js-accordion-item-418" aria-expanded="false" aria-controls="midd-accordion-content-418" aria-labelledby="midd-accordion-item-label-418" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-1043">Lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-418">Lorem ipsum consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-1043" role="tabpanel" aria-labelledby="midd-accordion-item-label-1043">
+                    <div class="accordion-item__content" id="midd-accordion-content-418" role="tabpanel" aria-labelledby="midd-accordion-item-label-418">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1517,16 +1517,16 @@ <h3 class="accordion-item__title" role="tab">
                   </div>
                 </div>
               </section>
-              <section class="section paragraph--course-list js-filter-969" data-digest-content>
+              <section class="section paragraph--course-list js-filter-93" data-digest-content>
                 <div class="section__header">
                   <h2 class="section__title"> Course List </h2>
                   <p class="section__text"> These are the courses I teach. </p>
                 </div>
                 <div class="accordion" role="tablist">
-                  <div class="accordion-item js-accordion-item-265 accordion-item-current accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-1182 accordion-item-current accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-265" class="accordion-item__link" data-toggle-target=".js-accordion-item-265" aria-expanded="false" aria-controls="midd-accordion-content-265" aria-labelledby="midd-accordion-item-label-265" role="button">
-                        <span id="midd-accordion-item-label-265">
+                      <a href="#midd-accordion-item-label-1182" class="accordion-item__link" data-toggle-target=".js-accordion-item-1182" aria-expanded="false" aria-controls="midd-accordion-content-1182" aria-labelledby="midd-accordion-item-label-1182" role="button">
+                        <span id="midd-accordion-item-label-1182">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1534,7 +1534,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-265" role="tabpanel" aria-labelledby="midd-accordion-item-label-265">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1182" role="tabpanel" aria-labelledby="midd-accordion-item-label-1182">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1550,10 +1550,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-788">
+                  <div class="accordion-item js-accordion-item-900">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-788" class="accordion-item__link" data-toggle-target=".js-accordion-item-788" aria-expanded="false" aria-controls="midd-accordion-content-788" aria-labelledby="midd-accordion-item-label-788" role="button">
-                        <span id="midd-accordion-item-label-788">
+                      <a href="#midd-accordion-item-label-900" class="accordion-item__link" data-toggle-target=".js-accordion-item-900" aria-expanded="false" aria-controls="midd-accordion-content-900" aria-labelledby="midd-accordion-item-label-900" role="button">
+                        <span id="midd-accordion-item-label-900">
                           <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1561,7 +1561,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-788" role="tabpanel" aria-labelledby="midd-accordion-item-label-788">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-900" role="tabpanel" aria-labelledby="midd-accordion-item-label-900">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1572,10 +1572,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-253 accordion-item-current">
+                  <div class="accordion-item js-accordion-item-1194 accordion-item-current">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-253" class="accordion-item__link" data-toggle-target=".js-accordion-item-253" aria-expanded="false" aria-controls="midd-accordion-content-253" aria-labelledby="midd-accordion-item-label-253" role="button">
-                        <span id="midd-accordion-item-label-253">
+                      <a href="#midd-accordion-item-label-1194" class="accordion-item__link" data-toggle-target=".js-accordion-item-1194" aria-expanded="false" aria-controls="midd-accordion-content-1194" aria-labelledby="midd-accordion-item-label-1194" role="button">
+                        <span id="midd-accordion-item-label-1194">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1583,7 +1583,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-253" role="tabpanel" aria-labelledby="midd-accordion-item-label-253">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1194" role="tabpanel" aria-labelledby="midd-accordion-item-label-1194">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1598,10 +1598,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-522 accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-1173 accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-522" class="accordion-item__link" data-toggle-target=".js-accordion-item-522" aria-expanded="false" aria-controls="midd-accordion-content-522" aria-labelledby="midd-accordion-item-label-522" role="button">
-                        <span id="midd-accordion-item-label-522">
+                      <a href="#midd-accordion-item-label-1173" class="accordion-item__link" data-toggle-target=".js-accordion-item-1173" aria-expanded="false" aria-controls="midd-accordion-content-1173" aria-labelledby="midd-accordion-item-label-1173" role="button">
+                        <span id="midd-accordion-item-label-1173">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1609,7 +1609,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-522" role="tabpanel" aria-labelledby="midd-accordion-item-label-522">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1173" role="tabpanel" aria-labelledby="midd-accordion-item-label-1173">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1620,10 +1620,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-236">
+                  <div class="accordion-item js-accordion-item-720">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-236" class="accordion-item__link" data-toggle-target=".js-accordion-item-236" aria-expanded="false" aria-controls="midd-accordion-content-236" aria-labelledby="midd-accordion-item-label-236" role="button">
-                        <span id="midd-accordion-item-label-236">
+                      <a href="#midd-accordion-item-label-720" class="accordion-item__link" data-toggle-target=".js-accordion-item-720" aria-expanded="false" aria-controls="midd-accordion-content-720" aria-labelledby="midd-accordion-item-label-720" role="button">
+                        <span id="midd-accordion-item-label-720">
                           <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1631,7 +1631,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-236" role="tabpanel" aria-labelledby="midd-accordion-item-label-236">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-720" role="tabpanel" aria-labelledby="midd-accordion-item-label-720">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1652,8 +1652,8 @@ <h2 class="section__title"> Section Title Events </h2>
                     </header>
                     <div class="waveform__wrapper">
                       <ul class="waveform__list shifting-slider">
-                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-0  is-toggled bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1665,8 +1665,8 @@ <h3 id="midd-event-0-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1678,8 +1678,8 @@ <h3 id="midd-event-1-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1691,7 +1691,7 @@ <h3 id="midd-event-2-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1704,8 +1704,8 @@ <h3 id="midd-event-3-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-4  is-toggled bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1717,8 +1717,8 @@ <h3 id="midd-event-4-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1730,8 +1730,8 @@ <h3 id="midd-event-5-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1743,8 +1743,8 @@ <h3 id="midd-event-6-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1756,8 +1756,8 @@ <h3 id="midd-event-7-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1769,8 +1769,8 @@ <h3 id="midd-event-8-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1782,8 +1782,8 @@ <h3 id="midd-event-9-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1795,8 +1795,8 @@ <h3 id="midd-event-10-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1808,8 +1808,8 @@ <h3 id="midd-event-11-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1821,8 +1821,8 @@ <h3 id="midd-event-12-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1834,8 +1834,8 @@ <h3 id="midd-event-13-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1847,8 +1847,8 @@ <h3 id="midd-event-14-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1860,8 +1860,8 @@ <h3 id="midd-event-15-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1873,8 +1873,8 @@ <h3 id="midd-event-16-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1886,8 +1886,8 @@ <h3 id="midd-event-17-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1899,8 +1899,8 @@ <h3 id="midd-event-18-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1912,8 +1912,8 @@ <h3 id="midd-event-19-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1925,8 +1925,8 @@ <h3 id="midd-event-20-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1938,8 +1938,8 @@ <h3 id="midd-event-21-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1951,8 +1951,8 @@ <h3 id="midd-event-22-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1964,8 +1964,8 @@ <h3 id="midd-event-23-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1977,8 +1977,8 @@ <h3 id="midd-event-24-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1990,8 +1990,8 @@ <h3 id="midd-event-25-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2003,8 +2003,8 @@ <h3 id="midd-event-26-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2016,8 +2016,8 @@ <h3 id="midd-event-27-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2029,8 +2029,8 @@ <h3 id="midd-event-28-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2042,8 +2042,8 @@ <h3 id="midd-event-29-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2055,8 +2055,8 @@ <h3 id="midd-event-30-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2068,7 +2068,7 @@ <h3 id="midd-event-31-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2081,7 +2081,7 @@ <h3 id="midd-event-32-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2094,8 +2094,8 @@ <h3 id="midd-event-33-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2107,8 +2107,8 @@ <h3 id="midd-event-34-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2120,8 +2120,8 @@ <h3 id="midd-event-35-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2133,8 +2133,8 @@ <h3 id="midd-event-36-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2146,8 +2146,8 @@ <h3 id="midd-event-37-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2159,8 +2159,8 @@ <h3 id="midd-event-38-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2172,7 +2172,7 @@ <h3 id="midd-event-39-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2185,8 +2185,8 @@ <h3 id="midd-event-40-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2198,8 +2198,8 @@ <h3 id="midd-event-41-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2211,8 +2211,8 @@ <h3 id="midd-event-42-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2224,8 +2224,8 @@ <h3 id="midd-event-43-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2237,7 +2237,7 @@ <h3 id="midd-event-44-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2250,8 +2250,8 @@ <h3 id="midd-event-45-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2263,8 +2263,8 @@ <h3 id="midd-event-46-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2276,8 +2276,8 @@ <h3 id="midd-event-47-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2368,14 +2368,32 @@ <h3 class="profile-spotlight-item__name" id="midd-profile-spotlight-item-label-4
               </section>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-439-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-710-title">
                     <div class="themed-panel__main">
-                      <h2 class="themed-panel__title" id="themed-panel-439-title">Sustainability and other things that go on and on</h2>
+                      <h2 class="themed-panel__title" id="themed-panel-710-title">Sustainability and other things that go on and on</h2>
                       <figure class="themed-panel__figure">
                         <img src="https://placehold.co/1440x810" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/960x540 960w,https://placehold.co/1280x720 1280w,https://placehold.co/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                       </figure>
                     </div>
                     <div class="themed-panel__secondary">
+                      <div class="themed-panel__main-article">
+                        <article class="col-md-10 themed-panel__article" aria-labelledby="themed-panel-710-first">
+                          <h3 class="themed-panel__heading h2" id="themed-panel-710-first">
+                            <a href="">Lorem ipsum dolor sit amet consectetur adipisicing</a>
+                          </h3>
+                          <p class="themed-panel__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit magnam dicta nihil reiciendis laboriosam, exercitationem harum numquam rem sint laudantium ducimus optio provident voluptate obcaecati reprehenderit voluptates illum dignissimos corrupti!</p>
+                          <a href="#" class="button button--primary themed-panel__cta">Learn more</a>
+                        </article>
+                      </div>
+                      <div class="themed-panel__subarticles">
+                        <article class="col-auto col-md-10 themed-panel__subarticle" aria-labelledby="themed-panel-710-1">
+                          <h3 class="themed-panel__heading" id="themed-panel-710-1">
+                            <a href="" class="text-white">24/7 Support</a>
+                          </h3>
+                          <p class="themed-panel__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quo optio quia molestias ipsa debitis, accusamus tempore quaerat eveniet, perspiciatis, natus provident saepe ducimus placeat dignissimos nemo delectus pariatur nesciunt! Earum eveniet qui provident ad aliquam, assumenda reprehenderit fugit recusandae, est cum deleniti, dolore corrupti doloremque magni. Laboriosam accusantium natus rem adipisci. </p>
+                          <a href="" class="button button--light button--outline themed-panel__cta">Read more</a>
+                        </article>
+                      </div>
                     </div>
                   </section>
                 </div>
diff --git a/school-home-language-schools.html b/school-home-language-schools.html
index 98097fa8..94057c1c 100644
--- a/school-home-language-schools.html
+++ b/school-home-language-schools.html
@@ -344,14 +344,14 @@ <h1 class="school-header__title">
             <div class="paragraphs paragraphs--wide">
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="ls-hero" aria-labelledby="midd-ls-hero-751">
+                  <section class="ls-hero" aria-labelledby="midd-ls-hero-1160">
                     <figure class="ls-hero__image">
                       <img src="https://placehold.co/1440x576" srcset="https://placehold.co/400x160 400w,https://placehold.co/640x256 640w,https://placehold.co/960x384 960w,https://placehold.co/1280x512 1280w,https://placehold.co/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                     </figure>
                     <div class="ls-hero__content container">
                       <div class="row flex-1">
                         <div class="col-md-8 offset-md-2">
-                          <h2 class="ls-hero__title" id="midd-ls-hero-751">Take the Language Pledge&reg; and dramatically improve your proficiency&mdash;in just one summer.</h2>
+                          <h2 class="ls-hero__title" id="midd-ls-hero-1160">Take the Language Pledge&reg; and dramatically improve your proficiency&mdash;in just one summer.</h2>
                         </div>
                         <nav class="col-12 col-md-10 offset-md-1 col-lg-12 offset-lg-0 text-center" aria-labelledby="midd-languages-nav-label">
                           <h2 class="sr-only" id="midd-languages-nav-label">Languages navigation</h2>
diff --git a/school-home-schools-abroad.html b/school-home-schools-abroad.html
index 926fe2cd..d34aab61 100644
--- a/school-home-schools-abroad.html
+++ b/school-home-schools-abroad.html
@@ -344,18 +344,18 @@ <h1 class="school-header__title">
             <div class="paragraphs paragraphs--wide">
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="mega-cta mega-cta--image-left-bottom  mega-cta--hero" aria-labelledby="midd-mega-cta-label-206">
+                  <section class="mega-cta mega-cta--image-left-bottom  mega-cta--hero" aria-labelledby="midd-mega-cta-label-1124">
                     <div>
                       <figure class="mega-cta__back">
                         <img src="https://placehold.co/1440x810" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/960x540 960w,https://placehold.co/1280x720 1280w,https://placehold.co/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                         <figcaption class="mega-cta__caption">
                           <div class="tooltip tooltip--light">
-                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-609">
+                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-659">
                               <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-info">
                               </svg>
                             </button>
-                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-609"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
+                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-659"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                           </div>
                         </figcaption>
                       </figure>
@@ -483,7 +483,7 @@ <h2 class="section__title"> Video group </h2>
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-303">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-574">
                           <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -494,14 +494,14 @@ <h2 class="section__title"> Video group </h2>
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-303">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-574">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-303 grid-video__transcript">
-                          <a href="#midd-transcript-303" class="transcript__button" data-toggle-target=".js-transcript-303" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-574 grid-video__transcript">
+                          <a href="#midd-transcript-574" class="transcript__button" data-toggle-target=".js-transcript-574" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-303">
+                          <div class="transcript__body" id="midd-transcript-574">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -514,7 +514,7 @@ <h3 class=video__title id="midd-video-label-303">Practical Skills for Positive C
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-554">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-462">
                           <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -525,14 +525,14 @@ <h3 class=video__title id="midd-video-label-303">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-554">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-462">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-554 grid-video__transcript">
-                          <a href="#midd-transcript-554" class="transcript__button" data-toggle-target=".js-transcript-554" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-462 grid-video__transcript">
+                          <a href="#midd-transcript-462" class="transcript__button" data-toggle-target=".js-transcript-462" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-554">
+                          <div class="transcript__body" id="midd-transcript-462">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -545,7 +545,7 @@ <h3 class=video__title id="midd-video-label-554">Practical Skills for Positive C
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1043">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1068">
                           <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -556,14 +556,14 @@ <h3 class=video__title id="midd-video-label-554">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-1043">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-1068">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-1043 grid-video__transcript">
-                          <a href="#midd-transcript-1043" class="transcript__button" data-toggle-target=".js-transcript-1043" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-1068 grid-video__transcript">
+                          <a href="#midd-transcript-1068" class="transcript__button" data-toggle-target=".js-transcript-1068" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-1043">
+                          <div class="transcript__body" id="midd-transcript-1068">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -576,7 +576,7 @@ <h3 class=video__title id="midd-video-label-1043">Practical Skills for Positive
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-906">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-428">
                           <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -587,14 +587,14 @@ <h3 class=video__title id="midd-video-label-1043">Practical Skills for Positive
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-906">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-428">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-906 grid-video__transcript">
-                          <a href="#midd-transcript-906" class="transcript__button" data-toggle-target=".js-transcript-906" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-428 grid-video__transcript">
+                          <a href="#midd-transcript-428" class="transcript__button" data-toggle-target=".js-transcript-428" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-906">
+                          <div class="transcript__body" id="midd-transcript-428">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -607,7 +607,7 @@ <h3 class=video__title id="midd-video-label-906">Practical Skills for Positive C
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1150">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-809">
                           <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -618,14 +618,14 @@ <h3 class=video__title id="midd-video-label-906">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-1150">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-809">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-1150 grid-video__transcript">
-                          <a href="#midd-transcript-1150" class="transcript__button" data-toggle-target=".js-transcript-1150" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-809 grid-video__transcript">
+                          <a href="#midd-transcript-809" class="transcript__button" data-toggle-target=".js-transcript-809" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-1150">
+                          <div class="transcript__body" id="midd-transcript-809">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -638,9 +638,9 @@ <h3 class=video__title id="midd-video-label-1150">Practical Skills for Positive
               </div>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-918-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-268-title">
                     <div class="themed-panel__main">
-                      <h2 class="themed-panel__title" id="themed-panel-918-title">Sustainability and other things that go on and on</h2>
+                      <h2 class="themed-panel__title" id="themed-panel-268-title">Sustainability and other things that go on and on</h2>
                       <figure class="themed-panel__figure">
                         <img src="https://placehold.co/1440x810" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/960x540 960w,https://placehold.co/1280x720 1280w,https://placehold.co/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                       </figure>
@@ -976,7 +976,7 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                 <!-- video iframe html should be escaped -->
                 <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                   <div class="video__content js-video-content">
-                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1225">
+                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-152">
                       <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                       <span class="button  button--primary video__button"> Play <span class="ml-3">
                           <svg class="icon  " focusable="false" aria-hidden="true">
@@ -987,14 +987,14 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                     </a>
                   </div>
                   <figcaption class=" video__body">
-                    <h3 class=video__title id="midd-video-label-1225">Practical Skills for Positive Change</h3>
+                    <h3 class=video__title id="midd-video-label-152">Practical Skills for Positive Change</h3>
                     <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                    <div class="transcript js-transcript-1225 grid-video__transcript">
-                      <a href="#midd-transcript-1225" class="transcript__button" data-toggle-target=".js-transcript-1225" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                    <div class="transcript js-transcript-152 grid-video__transcript">
+                      <a href="#midd-transcript-152" class="transcript__button" data-toggle-target=".js-transcript-152" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
-                      <div class="transcript__body" id="midd-transcript-1225">
+                      <div class="transcript__body" id="midd-transcript-152">
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1009,7 +1009,7 @@ <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
               </div>
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="mega-cta mega-cta--image- " aria-labelledby="midd-mega-cta-label-999">
+                  <section class="mega-cta mega-cta--image- " aria-labelledby="midd-mega-cta-label-1058">
                     <div>
                       <figure class="mega-cta__back">
                         <img src="https://placehold.co/1440x810" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/960x540 960w,https://placehold.co/1280x720 1280w,https://placehold.co/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
diff --git a/school-profile-detail.html b/school-profile-detail.html
index cbc759cc..e88c1a9d 100644
--- a/school-profile-detail.html
+++ b/school-profile-detail.html
@@ -409,134 +409,28 @@ <h1 class="page-header__title" id="midd-page-header-label">Beryl Levinger</h1>
               <div role="table" class="w-100 profile-detail__link-table">
                 <div role="row" class="d-flex">
                   <div role="cell">
-                    <strong class="f2 d-block">Social Links</strong>
-                    <ul class="d-inline-flex ">
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-discord">
-                          </svg>
-                          <span class="sr-only">Link to page/content on discord</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-linkedin">
-                          </svg>
-                          <span class="sr-only">Link to page/content on linkedin</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-instagram">
-                          </svg>
-                          <span class="sr-only">Link to page/content on instagram</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-tiktok">
-                          </svg>
-                          <span class="sr-only">Link to page/content on tiktok</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-youtube">
-                          </svg>
-                          <span class="sr-only">Link to page/content on youtube</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-mastodon">
-                          </svg>
-                          <span class="sr-only">Link to page/content on mastodon</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-pinterest">
-                          </svg>
-                          <span class="sr-only">Link to page/content on pinterest</span>
-                        </a>
+                    <strong class="f2 d-block">Links</strong>
+                    <ul class="f2">
+                      <li>
+                        <a href="#" class="link-underline">Curriculum Vitae</a>
                       </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-twitter">
-                          </svg>
-                          <span class="sr-only">Link to page/content on twitter</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-vimeo">
-                          </svg>
-                          <span class="sr-only">Link to page/content on vimeo</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-facebook">
-                          </svg>
-                          <span class="sr-only">Link to page/content on facebook</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-wechat">
-                          </svg>
-                          <span class="sr-only">Link to page/content on wechat</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-weibo">
-                          </svg>
-                          <span class="sr-only">Link to page/content on weibo</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-x">
-                          </svg>
-                          <span class="sr-only">Link to page/content on x</span>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-threads">
-                          </svg>
-                          <span class="sr-only">Link to page/content on threads</span>
-                        </a>
+                      <li>
+                        <a href="#" class="link-underline">aaronsmithisthebest.com</a>
                       </li>
                     </ul>
                   </div>
                 </div>
               </div>
-              <section class="section paragraph--course-list js-filter-1195" data-digest-content>
+              <section class="section paragraph--course-list js-filter-231" data-digest-content>
                 <div class="section__header">
                   <h2 class="section__title"> Courses Taught </h2>
                   <p class="section__text"> These are the courses I teach. </p>
                 </div>
                 <div class="accordion" role="tablist">
-                  <div class="accordion-item js-accordion-item-298 accordion-item-current accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-873 accordion-item-current accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-298" class="accordion-item__link" data-toggle-target=".js-accordion-item-298" aria-expanded="false" aria-controls="midd-accordion-content-298" aria-labelledby="midd-accordion-item-label-298" role="button">
-                        <span id="midd-accordion-item-label-298">
+                      <a href="#midd-accordion-item-label-873" class="accordion-item__link" data-toggle-target=".js-accordion-item-873" aria-expanded="false" aria-controls="midd-accordion-content-873" aria-labelledby="midd-accordion-item-label-873" role="button">
+                        <span id="midd-accordion-item-label-873">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -544,7 +438,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-298" role="tabpanel" aria-labelledby="midd-accordion-item-label-298">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-873" role="tabpanel" aria-labelledby="midd-accordion-item-label-873">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -560,10 +454,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-152">
+                  <div class="accordion-item js-accordion-item-821">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-152" class="accordion-item__link" data-toggle-target=".js-accordion-item-152" aria-expanded="false" aria-controls="midd-accordion-content-152" aria-labelledby="midd-accordion-item-label-152" role="button">
-                        <span id="midd-accordion-item-label-152">
+                      <a href="#midd-accordion-item-label-821" class="accordion-item__link" data-toggle-target=".js-accordion-item-821" aria-expanded="false" aria-controls="midd-accordion-content-821" aria-labelledby="midd-accordion-item-label-821" role="button">
+                        <span id="midd-accordion-item-label-821">
                           <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -571,7 +465,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-152" role="tabpanel" aria-labelledby="midd-accordion-item-label-152">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-821" role="tabpanel" aria-labelledby="midd-accordion-item-label-821">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -582,10 +476,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-726 accordion-item-current">
+                  <div class="accordion-item js-accordion-item-1222 accordion-item-current">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-726" class="accordion-item__link" data-toggle-target=".js-accordion-item-726" aria-expanded="false" aria-controls="midd-accordion-content-726" aria-labelledby="midd-accordion-item-label-726" role="button">
-                        <span id="midd-accordion-item-label-726">
+                      <a href="#midd-accordion-item-label-1222" class="accordion-item__link" data-toggle-target=".js-accordion-item-1222" aria-expanded="false" aria-controls="midd-accordion-content-1222" aria-labelledby="midd-accordion-item-label-1222" role="button">
+                        <span id="midd-accordion-item-label-1222">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -593,7 +487,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-726" role="tabpanel" aria-labelledby="midd-accordion-item-label-726">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1222" role="tabpanel" aria-labelledby="midd-accordion-item-label-1222">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -608,10 +502,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-689 accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-218 accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-689" class="accordion-item__link" data-toggle-target=".js-accordion-item-689" aria-expanded="false" aria-controls="midd-accordion-content-689" aria-labelledby="midd-accordion-item-label-689" role="button">
-                        <span id="midd-accordion-item-label-689">
+                      <a href="#midd-accordion-item-label-218" class="accordion-item__link" data-toggle-target=".js-accordion-item-218" aria-expanded="false" aria-controls="midd-accordion-content-218" aria-labelledby="midd-accordion-item-label-218" role="button">
+                        <span id="midd-accordion-item-label-218">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -619,7 +513,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-689" role="tabpanel" aria-labelledby="midd-accordion-item-label-689">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-218" role="tabpanel" aria-labelledby="midd-accordion-item-label-218">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -630,10 +524,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-797">
+                  <div class="accordion-item js-accordion-item-872">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-797" class="accordion-item__link" data-toggle-target=".js-accordion-item-797" aria-expanded="false" aria-controls="midd-accordion-content-797" aria-labelledby="midd-accordion-item-label-797" role="button">
-                        <span id="midd-accordion-item-label-797">
+                      <a href="#midd-accordion-item-label-872" class="accordion-item__link" data-toggle-target=".js-accordion-item-872" aria-expanded="false" aria-controls="midd-accordion-content-872" aria-labelledby="midd-accordion-item-label-872" role="button">
+                        <span id="midd-accordion-item-label-872">
                           <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -641,7 +535,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-797" role="tabpanel" aria-labelledby="midd-accordion-item-label-797">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-872" role="tabpanel" aria-labelledby="midd-accordion-item-label-872">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
diff --git a/school-top-level.html b/school-top-level.html
index cb605f86..79da834a 100644
--- a/school-top-level.html
+++ b/school-top-level.html
@@ -346,12 +346,12 @@
               <img src="https://placehold.co/1440x576" srcset="https://placehold.co/400x160 400w,https://placehold.co/640x256 640w,https://placehold.co/960x384 960w,https://placehold.co/1280x512 1280w,https://placehold.co/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-240">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-483">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-240"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-483"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
@@ -1131,9 +1131,9 @@ <h4>What now?</h4>
                 </div>
                 </section>
               </div>
-              <section class="section paragraph" aria-labelledby="section-345-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-703-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-345-label"> Featured News </h2>
+                  <h2 class="section__title" id="section-703-label"> Featured News </h2>
                   <a href="" class="section__link">View all</a>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
@@ -1330,9 +1330,9 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
               </div>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-449-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-1217-title">
                     <div class="themed-panel__main">
-                      <h2 class="themed-panel__title" id="themed-panel-449-title">Sustainability and other things that go on and on</h2>
+                      <h2 class="themed-panel__title" id="themed-panel-1217-title">Sustainability and other things that go on and on</h2>
                       <figure class="themed-panel__figure">
                         <img src="https://placehold.co/1440x810" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/960x540 960w,https://placehold.co/1280x720 1280w,https://placehold.co/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                       </figure>
@@ -1354,7 +1354,7 @@ <h2 class="section__title"> Section Title Events </h2>
                     </header>
                     <div class="waveform__wrapper">
                       <ul class="waveform__list shifting-slider">
-                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1367,8 +1367,8 @@ <h3 id="midd-event-0-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1380,7 +1380,7 @@ <h3 id="midd-event-1-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1393,8 +1393,8 @@ <h3 id="midd-event-2-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1406,8 +1406,8 @@ <h3 id="midd-event-3-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1419,7 +1419,7 @@ <h3 id="midd-event-4-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1432,8 +1432,8 @@ <h3 id="midd-event-5-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1445,8 +1445,8 @@ <h3 id="midd-event-6-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-7  is-toggled bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1458,8 +1458,8 @@ <h3 id="midd-event-7-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1471,8 +1471,8 @@ <h3 id="midd-event-8-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-9  is-toggled bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1484,7 +1484,7 @@ <h3 id="midd-event-9-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1497,7 +1497,7 @@ <h3 id="midd-event-10-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1510,7 +1510,7 @@ <h3 id="midd-event-11-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1523,7 +1523,7 @@ <h3 id="midd-event-12-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1536,8 +1536,8 @@ <h3 id="midd-event-13-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1549,8 +1549,8 @@ <h3 id="midd-event-14-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1562,8 +1562,8 @@ <h3 id="midd-event-15-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1575,8 +1575,8 @@ <h3 id="midd-event-16-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1588,8 +1588,8 @@ <h3 id="midd-event-17-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1601,8 +1601,8 @@ <h3 id="midd-event-18-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1614,7 +1614,7 @@ <h3 id="midd-event-19-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1627,8 +1627,8 @@ <h3 id="midd-event-20-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1640,8 +1640,8 @@ <h3 id="midd-event-21-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1653,8 +1653,8 @@ <h3 id="midd-event-22-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1666,8 +1666,8 @@ <h3 id="midd-event-23-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1679,8 +1679,8 @@ <h3 id="midd-event-24-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1692,7 +1692,7 @@ <h3 id="midd-event-25-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1705,8 +1705,8 @@ <h3 id="midd-event-26-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1718,8 +1718,8 @@ <h3 id="midd-event-27-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1731,8 +1731,8 @@ <h3 id="midd-event-28-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1744,7 +1744,7 @@ <h3 id="midd-event-29-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1757,8 +1757,8 @@ <h3 id="midd-event-30-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1770,8 +1770,8 @@ <h3 id="midd-event-31-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1783,7 +1783,7 @@ <h3 id="midd-event-32-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1796,8 +1796,8 @@ <h3 id="midd-event-33-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1809,8 +1809,8 @@ <h3 id="midd-event-34-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1822,8 +1822,8 @@ <h3 id="midd-event-35-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1835,8 +1835,8 @@ <h3 id="midd-event-36-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1848,8 +1848,8 @@ <h3 id="midd-event-37-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1861,7 +1861,7 @@ <h3 id="midd-event-38-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1874,7 +1874,7 @@ <h3 id="midd-event-39-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1887,8 +1887,8 @@ <h3 id="midd-event-40-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1900,8 +1900,8 @@ <h3 id="midd-event-41-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1913,8 +1913,8 @@ <h3 id="midd-event-42-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1926,8 +1926,8 @@ <h3 id="midd-event-43-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1939,8 +1939,8 @@ <h3 id="midd-event-44-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1952,8 +1952,8 @@ <h3 id="midd-event-45-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1965,8 +1965,8 @@ <h3 id="midd-event-46-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1978,8 +1978,8 @@ <h3 id="midd-event-47-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2091,7 +2091,7 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                 <!-- video iframe html should be escaped -->
                 <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                   <div class="video__content js-video-content">
-                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-726">
+                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-251">
                       <img src="https://placehold.co/1136x639" srcset="https://placehold.co/400x225 400w,https://placehold.co/640x360 640w,https://placehold.co/832x468 832w,https://placehold.co/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                       <span class="button  button--primary video__button"> Play <span class="ml-3">
                           <svg class="icon  " focusable="false" aria-hidden="true">
@@ -2102,14 +2102,14 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                     </a>
                   </div>
                   <figcaption class=" video__body">
-                    <h3 class=video__title id="midd-video-label-726">Practical Skills for Positive Change</h3>
+                    <h3 class=video__title id="midd-video-label-251">Practical Skills for Positive Change</h3>
                     <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                    <div class="transcript js-transcript-726 grid-video__transcript">
-                      <a href="#midd-transcript-726" class="transcript__button" data-toggle-target=".js-transcript-726" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                    <div class="transcript js-transcript-251 grid-video__transcript">
+                      <a href="#midd-transcript-251" class="transcript__button" data-toggle-target=".js-transcript-251" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
-                      <div class="transcript__body" id="midd-transcript-726">
+                      <div class="transcript__body" id="midd-transcript-251">
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2159,12 +2159,12 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                 <div class="audio__body">
                   <h3 class="audio__title" id="midd-audio-title-1">Audio title</h3>
                   <p class="audio__text" id="midd-audio-text-1">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reiciendis commodi placeat, perferendis ratione vitae officiis vero. Commodi ullam fugiat expedita qui veritatis adipisci minus quod neque! Voluptatum tempora iure quo.</p>
-                  <div class="transcript js-transcript-478 ">
-                    <a href="#midd-transcript-478" class="transcript__button" data-toggle-target=".js-transcript-478" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                  <div class="transcript js-transcript-361 ">
+                    <a href="#midd-transcript-361" class="transcript__button" data-toggle-target=".js-transcript-361" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                         <use xlink:href="#icon-chevron-down">
                       </svg>
                     </a>
-                    <div class="transcript__body" id="midd-transcript-478">
+                    <div class="transcript__body" id="midd-transcript-361">
                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2186,14 +2186,14 @@ <h2> Two Column Text Heading </h2>
                   </div>
                 </div>
               </div>
-              <section class="section paragraph" aria-labelledby="section-494-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-806-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-494-label"> Schedule Component </h2>
+                  <h2 class="section__title" id="section-806-label"> Schedule Component </h2>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
                 <div class="schedule-header">
                   <p class="schedule-header__date"> Sunday, December 10 </p>
-                  <h3 id="midd-event-494" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-494" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                  <h3 id="midd-event-806" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-806" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                   </h3>
                 </div>
                 <div class="schedule-item">
diff --git a/wrmc-daily-schedule.html b/wrmc-daily-schedule.html
index 5925e56d..6dcf86af 100644
--- a/wrmc-daily-schedule.html
+++ b/wrmc-daily-schedule.html
@@ -359,20 +359,20 @@ <h2 class="status-bar__broadcast-status" role="presentation">
               <img src="https://placehold.co/1440x576" srcset="https://placehold.co/400x160 400w,https://placehold.co/640x256 640w,https://placehold.co/960x384 960w,https://placehold.co/1280x512 1280w,https://placehold.co/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-769">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-706">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-769"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-706"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
-            <button class="page-header__list-toggle" aria-describedby="wrmc-tooltip-label-219"> Weekly Top Ten <span class="page-header__list-ellipsis">
+            <button class="page-header__list-toggle" aria-describedby="wrmc-tooltip-label-718"> Weekly Top Ten <span class="page-header__list-ellipsis">
                 <span></span><span></span><span></span>
               </span>
             </button>
-            <div class="page-header__list" role="tooltip" id="wrmc-tooltip-label-859">
+            <div class="page-header__list" role="tooltip" id="wrmc-tooltip-label-1212">
               <ol class="page-header__list-overlay">
                 <li>
                   <p>Mk.gee</p>
@@ -439,24 +439,24 @@ <h1 class="page-header__title" id="midd-page-header-label">Daily Schedule</h1>
                   <a href="#" data-toggle-close-all>close all</a>
                 </div>
                 <div role="tablist">
-                  <div class="wrmc-accordion-item  js-accordion-item-1131">
-                    <a href="#wrmc-accordion-item-label-1131" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1131" aria-expanded="false" aria-controls="wrmc-accordion-content-1131" aria-labelledby="wrmc-accordion-item-label-1131" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-625">
+                    <a href="#wrmc-accordion-item-label-625" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-625" aria-expanded="false" aria-controls="wrmc-accordion-content-625" aria-labelledby="wrmc-accordion-item-label-625" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-1131">Monday</span>
+                        <span id="wrmc-accordion-item-label-625">Monday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-1131" aria-labelledby="wrmc-accordion-item-label-1131">
+                    <div role="tabpanel" id="midd-accordion-content-625" aria-labelledby="wrmc-accordion-item-label-625">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-346">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-549">
                             <div class="show-time">
                               <time datetime="4:00" class="" aria-label="show starts at 4:00 AM">4:00</time><time datetime="5:00" class="" aria-label="show ends at 5:00 AM">-5:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-346"> Mixed Confetti </h3>
+                                <h3 id="wrmc-show-teaser-header-549"> Mixed Confetti </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Aaron Smith, Blair Kloman, Pooja Gunturu</em>
@@ -467,13 +467,13 @@ <h3 id="wrmc-show-teaser-header-346"> Mixed Confetti </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-874">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-647">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-874"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-647"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
@@ -484,13 +484,13 @@ <h3 id="wrmc-show-teaser-header-874"> Hot Chocolate on the Bus </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-137">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-373">
                             <div class="show-time">
                               <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-137"> Mr. and Mrs. Send It </h3>
+                                <h3 id="wrmc-show-teaser-header-373"> Mr. and Mrs. Send It </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Sid Vicious</em>
@@ -502,24 +502,24 @@ <h3 id="wrmc-show-teaser-header-137"> Mr. and Mrs. Send It </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-61">
-                    <a href="#wrmc-accordion-item-label-61" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-61" aria-expanded="false" aria-controls="wrmc-accordion-content-61" aria-labelledby="wrmc-accordion-item-label-61" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-516">
+                    <a href="#wrmc-accordion-item-label-516" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-516" aria-expanded="false" aria-controls="wrmc-accordion-content-516" aria-labelledby="wrmc-accordion-item-label-516" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-61">Tuesday</span>
+                        <span id="wrmc-accordion-item-label-516">Tuesday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-61" aria-labelledby="wrmc-accordion-item-label-61">
+                    <div role="tabpanel" id="midd-accordion-content-516" aria-labelledby="wrmc-accordion-item-label-516">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-600">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-334">
                             <div class="show-time">
                               <time datetime="5:00" class="" aria-label="show starts at 5:00 AM">5:00</time><time datetime="6:00" class="" aria-label="show ends at 6:00 AM">-6:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-600"> Grilled Cheese Sandwich </h3>
+                                <h3 id="wrmc-show-teaser-header-334"> Grilled Cheese Sandwich </h3>
                               </a>
                               <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                               <span class="show-details__genre folk">Folk</span>
@@ -527,26 +527,26 @@ <h3 id="wrmc-show-teaser-header-600"> Grilled Cheese Sandwich </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-422">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-407">
                             <div class="show-time">
                               <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-422"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-407"> Jazz Band, Hand and Feet </h3>
                               </a>
                               <span class="show-details__genre punk">Punk</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-854">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-164">
                             <div class="show-time">
                               <time datetime="12:00" class="" aria-label="show starts at 12:00 AM">12:00</time><time datetime="1:00" class="" aria-label="show ends at 1:00 AM">-1:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-854"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-164"> Jazz Band, Hand and Feet </h3>
                               </a>
                               <span class="show-details__genre rock">Rock</span>
                             </div>
@@ -555,37 +555,37 @@ <h3 id="wrmc-show-teaser-header-854"> Jazz Band, Hand and Feet </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-803">
-                    <a href="#wrmc-accordion-item-label-803" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-803" aria-expanded="false" aria-controls="wrmc-accordion-content-803" aria-labelledby="wrmc-accordion-item-label-803" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-893">
+                    <a href="#wrmc-accordion-item-label-893" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-893" aria-expanded="false" aria-controls="wrmc-accordion-content-893" aria-labelledby="wrmc-accordion-item-label-893" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-803">Wednesday</span>
+                        <span id="wrmc-accordion-item-label-893">Wednesday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-803" aria-labelledby="wrmc-accordion-item-label-803">
+                    <div role="tabpanel" id="midd-accordion-content-893" aria-labelledby="wrmc-accordion-item-label-893">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1135">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-862">
                             <div class="show-time">
                               <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-1135"> Experimental Jetset Companion </h3>
+                                <h3 id="wrmc-show-teaser-header-862"> Experimental Jetset Companion </h3>
                               </a>
                               <span class="show-details__genre world">World</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-41">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1166">
                             <div class="show-time">
                               <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-41"> Mr. and Mrs. Send It </h3>
+                                <h3 id="wrmc-show-teaser-header-1166"> Mr. and Mrs. Send It </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Sid Vicious</em>
@@ -597,37 +597,37 @@ <h3 id="wrmc-show-teaser-header-41"> Mr. and Mrs. Send It </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-382">
-                    <a href="#wrmc-accordion-item-label-382" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-382" aria-expanded="false" aria-controls="wrmc-accordion-content-382" aria-labelledby="wrmc-accordion-item-label-382" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-914">
+                    <a href="#wrmc-accordion-item-label-914" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-914" aria-expanded="false" aria-controls="wrmc-accordion-content-914" aria-labelledby="wrmc-accordion-item-label-914" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-382">Thursday</span>
+                        <span id="wrmc-accordion-item-label-914">Thursday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-382" aria-labelledby="wrmc-accordion-item-label-382">
+                    <div role="tabpanel" id="midd-accordion-content-914" aria-labelledby="wrmc-accordion-item-label-914">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-157">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1192">
                             <div class="show-time">
                               <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-157"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-1192"> Jazz Band, Hand and Feet </h3>
                               </a>
                               <span class="show-details__genre reggae">Reggae</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1065">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-378">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-1065"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-378"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
@@ -638,13 +638,13 @@ <h3 id="wrmc-show-teaser-header-1065"> Hot Chocolate on the Bus </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-19">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-292">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-19"> I Love Rock and Roll </h3>
+                                <h3 id="wrmc-show-teaser-header-292"> I Love Rock and Roll </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Matt Jennings and Tom</em>
@@ -656,24 +656,24 @@ <h3 id="wrmc-show-teaser-header-19"> I Love Rock and Roll </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item is-toggled js-accordion-item-116">
-                    <a href="#wrmc-accordion-item-label-116" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-116" aria-expanded="true" aria-controls="wrmc-accordion-content-116" aria-labelledby="wrmc-accordion-item-label-116" role="tab">
+                  <div class="wrmc-accordion-item is-toggled js-accordion-item-1">
+                    <a href="#wrmc-accordion-item-label-1" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1" aria-expanded="true" aria-controls="wrmc-accordion-content-1" aria-labelledby="wrmc-accordion-item-label-1" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-116">Friday</span>
+                        <span id="wrmc-accordion-item-label-1">Friday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-116" aria-labelledby="wrmc-accordion-item-label-116">
+                    <div role="tabpanel" id="midd-accordion-content-1" aria-labelledby="wrmc-accordion-item-label-1">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-149">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1050">
                             <div class="show-time">
                               <time datetime="7:00" class="" aria-label="show starts at 7:00 AM">7:00</time><time datetime="8:00" class="" aria-label="show ends at 8:00 AM">-8:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-149"> Echo Locations </h3>
+                                <h3 id="wrmc-show-teaser-header-1050"> Echo Locations </h3>
                               </a>
                               <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                               <span class="show-details__genre hip-hop">Hip Hop</span>
@@ -681,26 +681,26 @@ <h3 id="wrmc-show-teaser-header-149"> Echo Locations </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-674">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-321">
                             <div class="show-time">
                               <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-674"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-321"> Jazz Band, Hand and Feet </h3>
                               </a>
                               <span class="show-details__genre latin">Latin</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1013">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1169">
                             <div class="show-time">
                               <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-1013"> Mr. and Mrs. Send It </h3>
+                                <h3 id="wrmc-show-teaser-header-1169"> Mr. and Mrs. Send It </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Sid Vicious</em>
@@ -712,37 +712,37 @@ <h3 id="wrmc-show-teaser-header-1013"> Mr. and Mrs. Send It </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-607">
-                    <a href="#wrmc-accordion-item-label-607" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-607" aria-expanded="false" aria-controls="wrmc-accordion-content-607" aria-labelledby="wrmc-accordion-item-label-607" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-249">
+                    <a href="#wrmc-accordion-item-label-249" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-249" aria-expanded="false" aria-controls="wrmc-accordion-content-249" aria-labelledby="wrmc-accordion-item-label-249" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-607">Saturday</span>
+                        <span id="wrmc-accordion-item-label-249">Saturday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-607" aria-labelledby="wrmc-accordion-item-label-607">
+                    <div role="tabpanel" id="midd-accordion-content-249" aria-labelledby="wrmc-accordion-item-label-249">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-303">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-337">
                             <div class="show-time">
                               <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-303"> Experimental Jetset Companion </h3>
+                                <h3 id="wrmc-show-teaser-header-337"> Experimental Jetset Companion </h3>
                               </a>
                               <span class="show-details__genre funk">Funk</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1173">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-672">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-1173"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-672"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
@@ -755,37 +755,37 @@ <h3 id="wrmc-show-teaser-header-1173"> Hot Chocolate on the Bus </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-996">
-                    <a href="#wrmc-accordion-item-label-996" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-996" aria-expanded="false" aria-controls="wrmc-accordion-content-996" aria-labelledby="wrmc-accordion-item-label-996" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-118">
+                    <a href="#wrmc-accordion-item-label-118" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-118" aria-expanded="false" aria-controls="wrmc-accordion-content-118" aria-labelledby="wrmc-accordion-item-label-118" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-996">Sunday</span>
+                        <span id="wrmc-accordion-item-label-118">Sunday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-996" aria-labelledby="wrmc-accordion-item-label-996">
+                    <div role="tabpanel" id="midd-accordion-content-118" aria-labelledby="wrmc-accordion-item-label-118">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-857">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1125">
                             <div class="show-time">
                               <time datetime="10:00" class="" aria-label="show starts at 10:00 AM">10:00</time><time datetime="11:00" class="" aria-label="show ends at 11:00 AM">-11:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-857"> Experimental Jetset Companion </h3>
+                                <h3 id="wrmc-show-teaser-header-1125"> Experimental Jetset Companion </h3>
                               </a>
                               <span class="show-details__genre electronic">Electronic</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1188">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-133">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-1188"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-133"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
@@ -796,13 +796,13 @@ <h3 id="wrmc-show-teaser-header-1188"> Hot Chocolate on the Bus </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-137">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-570">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-137"> I Love Rock and Roll </h3>
+                                <h3 id="wrmc-show-teaser-header-570"> I Love Rock and Roll </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Matt Jennings and Tom</em>
diff --git a/wrmc-top-thirty.html b/wrmc-top-thirty.html
index 4d024ea6..c07d6282 100644
--- a/wrmc-top-thirty.html
+++ b/wrmc-top-thirty.html
@@ -359,20 +359,20 @@ <h2 class="status-bar__broadcast-status" role="presentation">
               <img src="https://placehold.co/1440x576" srcset="https://placehold.co/400x160 400w,https://placehold.co/640x256 640w,https://placehold.co/960x384 960w,https://placehold.co/1280x512 1280w,https://placehold.co/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-1082">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-97">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-1082"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-97"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
-            <button class="page-header__list-toggle" aria-describedby="wrmc-tooltip-label-997"> Weekly Top Ten <span class="page-header__list-ellipsis">
+            <button class="page-header__list-toggle" aria-describedby="wrmc-tooltip-label-754"> Weekly Top Ten <span class="page-header__list-ellipsis">
                 <span></span><span></span><span></span>
               </span>
             </button>
-            <div class="page-header__list" role="tooltip" id="wrmc-tooltip-label-1078">
+            <div class="page-header__list" role="tooltip" id="wrmc-tooltip-label-892">
               <ol class="page-header__list-overlay">
                 <li>
                   <p>Mk.gee</p>
@@ -436,12 +436,6 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
               <section class="paragraph--top-thirty-songs paragraph--full" aria-labelledby="midd-page-header-label">
                 <div class="songs container">
                   <ol class="row">
-                    <li class="col-6 col-sm-3 col-lg-2">
-                      <span class="song__trapezoid-marker"></span>
-                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
-                      <p class="song__artist">Mk.gee</p>
-                      <p class="song__title"><em>Two Star & The Dream Police</em></p>
-                    </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
                       <div class="song__album-placeholder">
@@ -449,6 +443,12 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                           <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
+                      <p class="song__artist">Mk.gee</p>
+                      <p class="song__title"><em>Two Star & The Dream Police</em></p>
+                    </li>
+                    <li class="col-6 col-sm-3 col-lg-2">
+                      <span class="song__trapezoid-marker"></span>
+                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">Quadeca</p>
                       <p class="song__title"><em>SCRAPYARD</em></p>
                     </li>
@@ -502,17 +502,17 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">Hana Vu</p>
                       <p class="song__title"><em>Care</em></p>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
+                      <div class="song__album-placeholder">
+                        <div class="song__album-placeholder-image">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">DESTIN CONRAD</p>
                       <p class="song__title"><em>SUBMISSIVE2</em></p>
                     </li>
@@ -534,7 +534,11 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
+                      <div class="song__album-placeholder">
+                        <div class="song__album-placeholder-image">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">Little Simz</p>
                       <p class="song__title"><em>Drop 7</em></p>
                     </li>
@@ -548,12 +552,6 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <p class="song__artist">Zack Villere</p>
                       <p class="song__title"><em>Singles 2017 - 2021</em></p>
                     </li>
-                    <li class="col-6 col-sm-3 col-lg-2">
-                      <span class="song__trapezoid-marker"></span>
-                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
-                      <p class="song__artist">Loukeman</p>
-                      <p class="song__title"><em>Sd-2</em></p>
-                    </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
                       <div class="song__album-placeholder">
@@ -561,16 +559,18 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                           <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
+                      <p class="song__artist">Loukeman</p>
+                      <p class="song__title"><em>Sd-2</em></p>
+                    </li>
+                    <li class="col-6 col-sm-3 col-lg-2">
+                      <span class="song__trapezoid-marker"></span>
+                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">Tommy Richman</p>
                       <p class="song__title"><em>THE RUSH</em></p>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">RiTchie</p>
                       <p class="song__title"><em>Dizzy</em></p>
                     </li>
@@ -584,12 +584,6 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <p class="song__artist">Schoolboy Q</p>
                       <p class="song__title"><em>BLUE LIPS</em></p>
                     </li>
-                    <li class="col-6 col-sm-3 col-lg-2">
-                      <span class="song__trapezoid-marker"></span>
-                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
-                      <p class="song__artist">Colouring</p>
-                      <p class="song__title"><em>Love To You, Mate</em></p>
-                    </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
                       <div class="song__album-placeholder">
@@ -597,14 +591,14 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                           <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
-                      <p class="song__artist">Iron & Wine</p>
-                      <p class="song__title"><em>All in Good Time</em></p>
+                      <p class="song__artist">Colouring</p>
+                      <p class="song__title"><em>Love To You, Mate</em></p>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
                       <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
-                      <p class="song__artist">Diamond Day</p>
-                      <p class="song__title"><em>Connect the Dots</em></p>
+                      <p class="song__artist">Iron & Wine</p>
+                      <p class="song__title"><em>All in Good Time</em></p>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
@@ -613,6 +607,12 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                           <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
+                      <p class="song__artist">Diamond Day</p>
+                      <p class="song__title"><em>Connect the Dots</em></p>
+                    </li>
+                    <li class="col-6 col-sm-3 col-lg-2">
+                      <span class="song__trapezoid-marker"></span>
+                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">DJ Lucas</p>
                       <p class="song__title"><em>Lil Old Town</em></p>
                     </li>
@@ -634,7 +634,11 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
+                      <div class="song__album-placeholder">
+                        <div class="song__album-placeholder-image">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">sagun</p>
                       <p class="song__title"><em>Issues</em></p>
                     </li>
@@ -662,13 +666,21 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
+                      <div class="song__album-placeholder">
+                        <div class="song__album-placeholder-image">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">Erika de Casier</p>
                       <p class="song__title"><em>Still</em></p>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <img src="https://placehold.co/176x176" srcset="https://placehold.co/128x128 128w,https://placehold.co/160x160 160w,https://placehold.co/136x136 136w,https://placehold.co/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
+                      <div class="song__album-placeholder">
+                        <div class="song__album-placeholder-image">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">CZARFACE</p>
                       <p class="song__title"><em>CZARTIFICIAL INTELLIGENCE</em></p>
                     </li>
diff --git a/wrmc-weekly-schedule.html b/wrmc-weekly-schedule.html
index 338f6fed..b94f1ce5 100644
--- a/wrmc-weekly-schedule.html
+++ b/wrmc-weekly-schedule.html
@@ -359,20 +359,20 @@ <h2 class="status-bar__broadcast-status" role="presentation">
               <img src="https://placehold.co/1440x576" srcset="https://placehold.co/400x160 400w,https://placehold.co/640x256 640w,https://placehold.co/960x384 960w,https://placehold.co/1280x512 1280w,https://placehold.co/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-300">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-500">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-300"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-500"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
-            <button class="page-header__list-toggle" aria-describedby="wrmc-tooltip-label-1105"> Weekly Top Ten <span class="page-header__list-ellipsis">
+            <button class="page-header__list-toggle" aria-describedby="wrmc-tooltip-label-364"> Weekly Top Ten <span class="page-header__list-ellipsis">
                 <span></span><span></span><span></span>
               </span>
             </button>
-            <div class="page-header__list" role="tooltip" id="wrmc-tooltip-label-313">
+            <div class="page-header__list" role="tooltip" id="wrmc-tooltip-label-892">
               <ol class="page-header__list-overlay">
                 <li>
                   <p>Mk.gee</p>
@@ -440,18 +440,18 @@ <h1 class="page-header__title" id="midd-page-header-label">Weekly Schedule</h1>
                       <h2>Monday</h2>
                       <div class="weekly-schedule__show-wrapper blues">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-317">
-                            <h3 id="wrmc-show-title-317">Mixed Confetti</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-669">
+                            <h3 id="wrmc-show-title-669">Mixed Confetti</h3>
                             <time datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1027" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-964" role=dialog>
                           <div class="show-time">
                             <time datetime="4:00" class="" aria-label="show starts at 4:00 AM">4:00</time><time datetime="5:00" class="" aria-label="show ends at 5:00 AM">-5:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-1027"> Mixed Confetti </h3>
+                              <h3 id="wrmc-show-teaser-header-964"> Mixed Confetti </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Aaron Smith, Blair Kloman, Pooja Gunturu</em>
@@ -462,73 +462,73 @@ <h3 id="wrmc-show-teaser-header-1027"> Mixed Confetti </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1057">
-                          <h3 id="wrmc-show-title-1057" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1051">
+                          <h3 id="wrmc-show-title-1051" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-60">
-                          <h3 id="wrmc-show-title-60" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-846">
+                          <h3 id="wrmc-show-title-846" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-360">
-                          <h3 id="wrmc-show-title-360" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1124">
+                          <h3 id="wrmc-show-title-1124" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-502">
-                          <h3 id="wrmc-show-title-502" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-914">
+                          <h3 id="wrmc-show-title-914" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1034">
-                          <h3 id="wrmc-show-title-1034" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-708">
+                          <h3 id="wrmc-show-title-708" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-464">
-                          <h3 id="wrmc-show-title-464" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-835">
+                          <h3 id="wrmc-show-title-835" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-588">
-                          <h3 id="wrmc-show-title-588" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-898">
+                          <h3 id="wrmc-show-title-898" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-346">
-                          <h3 id="wrmc-show-title-346" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-418">
+                          <h3 id="wrmc-show-title-418" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-448">
-                          <h3 id="wrmc-show-title-448" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-644">
+                          <h3 id="wrmc-show-title-644" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper country">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1227">
-                            <h3 id="wrmc-show-title-1227">Hot Chocolate on the Bus</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-682">
+                            <h3 id="wrmc-show-title-682">Hot Chocolate on the Bus</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-893" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1184" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-893"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-1184"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
@@ -539,67 +539,67 @@ <h3 id="wrmc-show-teaser-header-893"> Hot Chocolate on the Bus </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-598">
-                          <h3 id="wrmc-show-title-598" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-933">
+                          <h3 id="wrmc-show-title-933" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1022">
-                          <h3 id="wrmc-show-title-1022" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-284">
+                          <h3 id="wrmc-show-title-284" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-102">
-                          <h3 id="wrmc-show-title-102" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-335">
+                          <h3 id="wrmc-show-title-335" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-47">
-                          <h3 id="wrmc-show-title-47" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-174">
+                          <h3 id="wrmc-show-title-174" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-242">
-                          <h3 id="wrmc-show-title-242" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-27">
+                          <h3 id="wrmc-show-title-27" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-313">
-                          <h3 id="wrmc-show-title-313" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-717">
+                          <h3 id="wrmc-show-title-717" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-30">
-                          <h3 id="wrmc-show-title-30" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-858">
+                          <h3 id="wrmc-show-title-858" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-796">
-                          <h3 id="wrmc-show-title-796" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-837">
+                          <h3 id="wrmc-show-title-837" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper electronic">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-961">
-                            <h3 id="wrmc-show-title-961">Mr. and Mrs. Send It</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1191">
+                            <h3 id="wrmc-show-title-1191">Mr. and Mrs. Send It</h3>
                             <time datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-491" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-48" role=dialog>
                           <div class="show-time">
                             <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-491"> Mr. and Mrs. Send It </h3>
+                              <h3 id="wrmc-show-teaser-header-48"> Mr. and Mrs. Send It </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Sid Vicious</em>
@@ -609,26 +609,26 @@ <h3 id="wrmc-show-teaser-header-491"> Mr. and Mrs. Send It </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-313">
-                          <h3 id="wrmc-show-title-313" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1061">
+                          <h3 id="wrmc-show-title-1061" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-785">
-                          <h3 id="wrmc-show-title-785" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1111">
+                          <h3 id="wrmc-show-title-1111" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-334">
-                          <h3 id="wrmc-show-title-334" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-678">
+                          <h3 id="wrmc-show-title-678" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-812">
-                          <h3 id="wrmc-show-title-812" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-691">
+                          <h3 id="wrmc-show-title-691" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -636,25 +636,25 @@ <h3 id="wrmc-show-title-812" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Tuesday">
                       <h2>Tuesday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-791">
-                          <h3 id="wrmc-show-title-791" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1179">
+                          <h3 id="wrmc-show-title-1179" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper folk">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-33">
-                            <h3 id="wrmc-show-title-33">Grilled Cheese Sandwich</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-839">
+                            <h3 id="wrmc-show-title-839">Grilled Cheese Sandwich</h3>
                             <time datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-675" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-454" role=dialog>
                           <div class="show-time">
                             <time datetime="5:00" class="" aria-label="show starts at 5:00 AM">5:00</time><time datetime="6:00" class="" aria-label="show ends at 6:00 AM">-6:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-675"> Grilled Cheese Sandwich </h3>
+                              <h3 id="wrmc-show-teaser-header-454"> Grilled Cheese Sandwich </h3>
                             </a>
                             <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                             <span class="show-details__genre folk">Folk</span>
@@ -662,160 +662,160 @@ <h3 id="wrmc-show-teaser-header-675"> Grilled Cheese Sandwich </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1135">
-                          <h3 id="wrmc-show-title-1135" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-109">
+                          <h3 id="wrmc-show-title-109" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-638">
-                          <h3 id="wrmc-show-title-638" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-549">
+                          <h3 id="wrmc-show-title-549" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-618">
-                          <h3 id="wrmc-show-title-618" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-430">
+                          <h3 id="wrmc-show-title-430" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper punk">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-638">
-                            <h3 id="wrmc-show-title-638">Jazz Band, Hand and Feet</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-63">
+                            <h3 id="wrmc-show-title-63">Jazz Band, Hand and Feet</h3>
                             <time datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1228" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-519" role=dialog>
                           <div class="show-time">
                             <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-1228"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-519"> Jazz Band, Hand and Feet </h3>
                             </a>
                             <span class="show-details__genre punk">Punk</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-252">
-                          <h3 id="wrmc-show-title-252" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-793">
+                          <h3 id="wrmc-show-title-793" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-677">
-                          <h3 id="wrmc-show-title-677" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-20">
+                          <h3 id="wrmc-show-title-20" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-798">
-                          <h3 id="wrmc-show-title-798" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-961">
+                          <h3 id="wrmc-show-title-961" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-327">
-                          <h3 id="wrmc-show-title-327" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-712">
+                          <h3 id="wrmc-show-title-712" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-123">
-                          <h3 id="wrmc-show-title-123" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1100">
+                          <h3 id="wrmc-show-title-1100" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-810">
-                          <h3 id="wrmc-show-title-810" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1223">
+                          <h3 id="wrmc-show-title-1223" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-27">
-                          <h3 id="wrmc-show-title-27" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1045">
+                          <h3 id="wrmc-show-title-1045" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-244">
-                          <h3 id="wrmc-show-title-244" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-182">
+                          <h3 id="wrmc-show-title-182" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-837">
-                          <h3 id="wrmc-show-title-837" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1136">
+                          <h3 id="wrmc-show-title-1136" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-121">
-                          <h3 id="wrmc-show-title-121" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-94">
+                          <h3 id="wrmc-show-title-94" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-988">
-                          <h3 id="wrmc-show-title-988" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-612">
+                          <h3 id="wrmc-show-title-612" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1191">
-                          <h3 id="wrmc-show-title-1191" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-204">
+                          <h3 id="wrmc-show-title-204" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-372">
-                          <h3 id="wrmc-show-title-372" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-358">
+                          <h3 id="wrmc-show-title-358" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-311">
-                          <h3 id="wrmc-show-title-311" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-604">
+                          <h3 id="wrmc-show-title-604" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper rock">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1075">
-                            <h3 id="wrmc-show-title-1075">Jazz Band, Hand and Feet</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-322">
+                            <h3 id="wrmc-show-title-322">Jazz Band, Hand and Feet</h3>
                             <time datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-729" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-829" role=dialog>
                           <div class="show-time">
                             <time datetime="12:00" class="" aria-label="show starts at 12:00 AM">12:00</time><time datetime="1:00" class="" aria-label="show ends at 1:00 AM">-1:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-729"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-829"> Jazz Band, Hand and Feet </h3>
                             </a>
                             <span class="show-details__genre rock">Rock</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-474">
-                          <h3 id="wrmc-show-title-474" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1216">
+                          <h3 id="wrmc-show-title-1216" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-122">
-                          <h3 id="wrmc-show-title-122" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-2">
+                          <h3 id="wrmc-show-title-2" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-627">
-                          <h3 id="wrmc-show-title-627" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-142">
+                          <h3 id="wrmc-show-title-142" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -823,146 +823,146 @@ <h3 id="wrmc-show-title-627" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Wednesday">
                       <h2>Wednesday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1015">
-                          <h3 id="wrmc-show-title-1015" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-548">
+                          <h3 id="wrmc-show-title-548" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-556">
-                          <h3 id="wrmc-show-title-556" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1099">
+                          <h3 id="wrmc-show-title-1099" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-923">
-                          <h3 id="wrmc-show-title-923" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-673">
+                          <h3 id="wrmc-show-title-673" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-779">
-                          <h3 id="wrmc-show-title-779" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1051">
+                          <h3 id="wrmc-show-title-1051" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-559">
-                          <h3 id="wrmc-show-title-559" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-395">
+                          <h3 id="wrmc-show-title-395" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-298">
-                          <h3 id="wrmc-show-title-298" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-462">
+                          <h3 id="wrmc-show-title-462" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1098">
-                          <h3 id="wrmc-show-title-1098" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-803">
+                          <h3 id="wrmc-show-title-803" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-208">
-                          <h3 id="wrmc-show-title-208" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-339">
+                          <h3 id="wrmc-show-title-339" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-151">
-                          <h3 id="wrmc-show-title-151" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-358">
+                          <h3 id="wrmc-show-title-358" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper world">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-999">
-                            <h3 id="wrmc-show-title-999">Experimental Jetset Companion</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1159">
+                            <h3 id="wrmc-show-title-1159">Experimental Jetset Companion</h3>
                             <time datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-111" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1074" role=dialog>
                           <div class="show-time">
                             <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-111"> Experimental Jetset Companion </h3>
+                              <h3 id="wrmc-show-teaser-header-1074"> Experimental Jetset Companion </h3>
                             </a>
                             <span class="show-details__genre world">World</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-673">
-                          <h3 id="wrmc-show-title-673" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-562">
+                          <h3 id="wrmc-show-title-562" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-316">
-                          <h3 id="wrmc-show-title-316" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1070">
+                          <h3 id="wrmc-show-title-1070" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1220">
-                          <h3 id="wrmc-show-title-1220" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-166">
+                          <h3 id="wrmc-show-title-166" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-339">
-                          <h3 id="wrmc-show-title-339" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-68">
+                          <h3 id="wrmc-show-title-68" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-274">
-                          <h3 id="wrmc-show-title-274" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-744">
+                          <h3 id="wrmc-show-title-744" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1038">
-                          <h3 id="wrmc-show-title-1038" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1">
+                          <h3 id="wrmc-show-title-1" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-886">
-                          <h3 id="wrmc-show-title-886" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-235">
+                          <h3 id="wrmc-show-title-235" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-880">
-                          <h3 id="wrmc-show-title-880" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-675">
+                          <h3 id="wrmc-show-title-675" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-756">
-                          <h3 id="wrmc-show-title-756" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-528">
+                          <h3 id="wrmc-show-title-528" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper blues">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-315">
-                            <h3 id="wrmc-show-title-315">Mr. and Mrs. Send It</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-560">
+                            <h3 id="wrmc-show-title-560">Mr. and Mrs. Send It</h3>
                             <time datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1084" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1233" role=dialog>
                           <div class="show-time">
                             <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-1084"> Mr. and Mrs. Send It </h3>
+                              <h3 id="wrmc-show-teaser-header-1233"> Mr. and Mrs. Send It </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Sid Vicious</em>
@@ -972,26 +972,26 @@ <h3 id="wrmc-show-teaser-header-1084"> Mr. and Mrs. Send It </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-64">
-                          <h3 id="wrmc-show-title-64" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1196">
+                          <h3 id="wrmc-show-title-1196" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-982">
-                          <h3 id="wrmc-show-title-982" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-684">
+                          <h3 id="wrmc-show-title-684" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1118">
-                          <h3 id="wrmc-show-title-1118" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-407">
+                          <h3 id="wrmc-show-title-407" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-554">
-                          <h3 id="wrmc-show-title-554" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1107">
+                          <h3 id="wrmc-show-title-1107" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -999,92 +999,92 @@ <h3 id="wrmc-show-title-554" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Thursday">
                       <h2>Thursday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-886">
-                          <h3 id="wrmc-show-title-886" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1179">
+                          <h3 id="wrmc-show-title-1179" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-428">
-                          <h3 id="wrmc-show-title-428" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-884">
+                          <h3 id="wrmc-show-title-884" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-743">
-                          <h3 id="wrmc-show-title-743" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-889">
+                          <h3 id="wrmc-show-title-889" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1097">
-                          <h3 id="wrmc-show-title-1097" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-411">
+                          <h3 id="wrmc-show-title-411" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-292">
-                          <h3 id="wrmc-show-title-292" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-839">
+                          <h3 id="wrmc-show-title-839" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper reggae">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-49">
-                            <h3 id="wrmc-show-title-49">Jazz Band, Hand and Feet</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-958">
+                            <h3 id="wrmc-show-title-958">Jazz Band, Hand and Feet</h3>
                             <time datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-311" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1229" role=dialog>
                           <div class="show-time">
                             <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-311"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-1229"> Jazz Band, Hand and Feet </h3>
                             </a>
                             <span class="show-details__genre reggae">Reggae</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-808">
-                          <h3 id="wrmc-show-title-808" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-664">
+                          <h3 id="wrmc-show-title-664" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-673">
-                          <h3 id="wrmc-show-title-673" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-751">
+                          <h3 id="wrmc-show-title-751" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-592">
-                          <h3 id="wrmc-show-title-592" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-536">
+                          <h3 id="wrmc-show-title-536" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-808">
-                          <h3 id="wrmc-show-title-808" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-436">
+                          <h3 id="wrmc-show-title-436" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper blues">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-316">
-                            <h3 id="wrmc-show-title-316">Hot Chocolate on the Bus</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-607">
+                            <h3 id="wrmc-show-title-607">Hot Chocolate on the Bus</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-42" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1128" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-42"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-1128"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
@@ -1095,85 +1095,85 @@ <h3 id="wrmc-show-teaser-header-42"> Hot Chocolate on the Bus </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-7">
-                          <h3 id="wrmc-show-title-7" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-455">
+                          <h3 id="wrmc-show-title-455" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-177">
-                          <h3 id="wrmc-show-title-177" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-414">
+                          <h3 id="wrmc-show-title-414" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-775">
-                          <h3 id="wrmc-show-title-775" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-355">
+                          <h3 id="wrmc-show-title-355" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-310">
-                          <h3 id="wrmc-show-title-310" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-537">
+                          <h3 id="wrmc-show-title-537" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-777">
-                          <h3 id="wrmc-show-title-777" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1109">
+                          <h3 id="wrmc-show-title-1109" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-790">
-                          <h3 id="wrmc-show-title-790" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-470">
+                          <h3 id="wrmc-show-title-470" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-246">
-                          <h3 id="wrmc-show-title-246" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1229">
+                          <h3 id="wrmc-show-title-1229" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1006">
-                          <h3 id="wrmc-show-title-1006" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-379">
+                          <h3 id="wrmc-show-title-379" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-279">
-                          <h3 id="wrmc-show-title-279" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1208">
+                          <h3 id="wrmc-show-title-1208" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-206">
-                          <h3 id="wrmc-show-title-206" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-928">
+                          <h3 id="wrmc-show-title-928" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1182">
-                          <h3 id="wrmc-show-title-1182" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1204">
+                          <h3 id="wrmc-show-title-1204" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper jazz">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1133">
-                            <h3 id="wrmc-show-title-1133">I Love Rock and Roll</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-857">
+                            <h3 id="wrmc-show-title-857">I Love Rock and Roll</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-195" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-911" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-195"> I Love Rock and Roll </h3>
+                              <h3 id="wrmc-show-teaser-header-911"> I Love Rock and Roll </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Matt Jennings and Tom</em>
@@ -1183,8 +1183,8 @@ <h3 id="wrmc-show-teaser-header-195"> I Love Rock and Roll </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-392">
-                          <h3 id="wrmc-show-title-392" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1198">
+                          <h3 id="wrmc-show-title-1198" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -1192,37 +1192,37 @@ <h3 id="wrmc-show-title-392" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Friday">
                       <h2>Friday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-799">
-                          <h3 id="wrmc-show-title-799" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-341">
+                          <h3 id="wrmc-show-title-341" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-77">
-                          <h3 id="wrmc-show-title-77" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-963">
+                          <h3 id="wrmc-show-title-963" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-866">
-                          <h3 id="wrmc-show-title-866" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-199">
+                          <h3 id="wrmc-show-title-199" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper hip-hop">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-724">
-                            <h3 id="wrmc-show-title-724">Echo Locations</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-337">
+                            <h3 id="wrmc-show-title-337">Echo Locations</h3>
                             <time datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-613" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-143" role=dialog>
                           <div class="show-time">
                             <time datetime="7:00" class="" aria-label="show starts at 7:00 AM">7:00</time><time datetime="8:00" class="" aria-label="show ends at 8:00 AM">-8:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-613"> Echo Locations </h3>
+                              <h3 id="wrmc-show-teaser-header-143"> Echo Locations </h3>
                             </a>
                             <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                             <span class="show-details__genre hip-hop">Hip Hop</span>
@@ -1230,122 +1230,122 @@ <h3 id="wrmc-show-teaser-header-613"> Echo Locations </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-839">
-                          <h3 id="wrmc-show-title-839" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1044">
+                          <h3 id="wrmc-show-title-1044" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper latin">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-210">
-                            <h3 id="wrmc-show-title-210">Jazz Band, Hand and Feet</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-898">
+                            <h3 id="wrmc-show-title-898">Jazz Band, Hand and Feet</h3>
                             <time datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-86" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-1104" role=dialog>
                           <div class="show-time">
                             <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-86"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-1104"> Jazz Band, Hand and Feet </h3>
                             </a>
                             <span class="show-details__genre latin">Latin</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-449">
-                          <h3 id="wrmc-show-title-449" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1218">
+                          <h3 id="wrmc-show-title-1218" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-348">
-                          <h3 id="wrmc-show-title-348" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-206">
+                          <h3 id="wrmc-show-title-206" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-880">
-                          <h3 id="wrmc-show-title-880" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-664">
+                          <h3 id="wrmc-show-title-664" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-411">
-                          <h3 id="wrmc-show-title-411" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-404">
+                          <h3 id="wrmc-show-title-404" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-492">
-                          <h3 id="wrmc-show-title-492" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-22">
+                          <h3 id="wrmc-show-title-22" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-294">
-                          <h3 id="wrmc-show-title-294" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-845">
+                          <h3 id="wrmc-show-title-845" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-932">
-                          <h3 id="wrmc-show-title-932" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-44">
+                          <h3 id="wrmc-show-title-44" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1013">
-                          <h3 id="wrmc-show-title-1013" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-501">
+                          <h3 id="wrmc-show-title-501" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1126">
-                          <h3 id="wrmc-show-title-1126" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-741">
+                          <h3 id="wrmc-show-title-741" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-482">
-                          <h3 id="wrmc-show-title-482" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1057">
+                          <h3 id="wrmc-show-title-1057" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-108">
-                          <h3 id="wrmc-show-title-108" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-206">
+                          <h3 id="wrmc-show-title-206" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-47">
-                          <h3 id="wrmc-show-title-47" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-149">
+                          <h3 id="wrmc-show-title-149" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-832">
-                          <h3 id="wrmc-show-title-832" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-457">
+                          <h3 id="wrmc-show-title-457" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper indie">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-331">
-                            <h3 id="wrmc-show-title-331">Mr. and Mrs. Send It</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-989">
+                            <h3 id="wrmc-show-title-989">Mr. and Mrs. Send It</h3>
                             <time datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-1015" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-786" role=dialog>
                           <div class="show-time">
                             <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-1015"> Mr. and Mrs. Send It </h3>
+                              <h3 id="wrmc-show-teaser-header-786"> Mr. and Mrs. Send It </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Sid Vicious</em>
@@ -1355,26 +1355,26 @@ <h3 id="wrmc-show-teaser-header-1015"> Mr. and Mrs. Send It </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-626">
-                          <h3 id="wrmc-show-title-626" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-223">
+                          <h3 id="wrmc-show-title-223" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1023">
-                          <h3 id="wrmc-show-title-1023" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1165">
+                          <h3 id="wrmc-show-title-1165" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-5">
-                          <h3 id="wrmc-show-title-5" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-883">
+                          <h3 id="wrmc-show-title-883" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-148">
-                          <h3 id="wrmc-show-title-148" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-735">
+                          <h3 id="wrmc-show-title-735" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -1382,73 +1382,73 @@ <h3 id="wrmc-show-title-148" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Saturday">
                       <h2>Saturday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-900">
-                          <h3 id="wrmc-show-title-900" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1160">
+                          <h3 id="wrmc-show-title-1160" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-852">
-                          <h3 id="wrmc-show-title-852" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-692">
+                          <h3 id="wrmc-show-title-692" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-987">
-                          <h3 id="wrmc-show-title-987" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-922">
+                          <h3 id="wrmc-show-title-922" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-109">
-                          <h3 id="wrmc-show-title-109" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1113">
+                          <h3 id="wrmc-show-title-1113" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-950">
-                          <h3 id="wrmc-show-title-950" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-298">
+                          <h3 id="wrmc-show-title-298" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-876">
-                          <h3 id="wrmc-show-title-876" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-347">
+                          <h3 id="wrmc-show-title-347" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-486">
-                          <h3 id="wrmc-show-title-486" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-304">
+                          <h3 id="wrmc-show-title-304" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-67">
-                          <h3 id="wrmc-show-title-67" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-577">
+                          <h3 id="wrmc-show-title-577" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-36">
-                          <h3 id="wrmc-show-title-36" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-535">
+                          <h3 id="wrmc-show-title-535" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper funk">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-234">
-                            <h3 id="wrmc-show-title-234">Experimental Jetset Companion</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-850">
+                            <h3 id="wrmc-show-title-850">Experimental Jetset Companion</h3>
                             <time datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-977" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-856" role=dialog>
                           <div class="show-time">
                             <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-977"> Experimental Jetset Companion </h3>
+                              <h3 id="wrmc-show-teaser-header-856"> Experimental Jetset Companion </h3>
                             </a>
                             <span class="show-details__genre funk">Funk</span>
                           </div>
@@ -1456,18 +1456,18 @@ <h3 id="wrmc-show-teaser-header-977"> Experimental Jetset Companion </h3>
                       </div>
                       <div class="weekly-schedule__show-wrapper classical">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-24">
-                            <h3 id="wrmc-show-title-24">Hot Chocolate on the Bus</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-860">
+                            <h3 id="wrmc-show-title-860">Hot Chocolate on the Bus</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-366" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-145" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-366"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-145"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
@@ -1478,80 +1478,80 @@ <h3 id="wrmc-show-teaser-header-366"> Hot Chocolate on the Bus </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1213">
-                          <h3 id="wrmc-show-title-1213" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1110">
+                          <h3 id="wrmc-show-title-1110" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1069">
-                          <h3 id="wrmc-show-title-1069" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-719">
+                          <h3 id="wrmc-show-title-719" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-23">
-                          <h3 id="wrmc-show-title-23" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-97">
+                          <h3 id="wrmc-show-title-97" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1130">
-                          <h3 id="wrmc-show-title-1130" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-868">
+                          <h3 id="wrmc-show-title-868" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-497">
-                          <h3 id="wrmc-show-title-497" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-59">
+                          <h3 id="wrmc-show-title-59" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1020">
-                          <h3 id="wrmc-show-title-1020" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-901">
+                          <h3 id="wrmc-show-title-901" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-507">
-                          <h3 id="wrmc-show-title-507" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1230">
+                          <h3 id="wrmc-show-title-1230" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-512">
-                          <h3 id="wrmc-show-title-512" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-904">
+                          <h3 id="wrmc-show-title-904" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-405">
-                          <h3 id="wrmc-show-title-405" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-736">
+                          <h3 id="wrmc-show-title-736" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-913">
-                          <h3 id="wrmc-show-title-913" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-489">
+                          <h3 id="wrmc-show-title-489" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-273">
-                          <h3 id="wrmc-show-title-273" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-660">
+                          <h3 id="wrmc-show-title-660" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-337">
-                          <h3 id="wrmc-show-title-337" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-383">
+                          <h3 id="wrmc-show-title-383" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1059">
-                          <h3 id="wrmc-show-title-1059" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-577">
+                          <h3 id="wrmc-show-title-577" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -1559,92 +1559,92 @@ <h3 id="wrmc-show-title-1059" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Sunday">
                       <h2>Sunday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-982">
-                          <h3 id="wrmc-show-title-982" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-418">
+                          <h3 id="wrmc-show-title-418" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-846">
-                          <h3 id="wrmc-show-title-846" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-344">
+                          <h3 id="wrmc-show-title-344" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1084">
-                          <h3 id="wrmc-show-title-1084" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-724">
+                          <h3 id="wrmc-show-title-724" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-805">
-                          <h3 id="wrmc-show-title-805" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-570">
+                          <h3 id="wrmc-show-title-570" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-55">
-                          <h3 id="wrmc-show-title-55" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-956">
+                          <h3 id="wrmc-show-title-956" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-33">
-                          <h3 id="wrmc-show-title-33" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1079">
+                          <h3 id="wrmc-show-title-1079" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper electronic">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-679">
-                            <h3 id="wrmc-show-title-679">Experimental Jetset Companion</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1027">
+                            <h3 id="wrmc-show-title-1027">Experimental Jetset Companion</h3>
                             <time datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-1076" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-609" role=dialog>
                           <div class="show-time">
                             <time datetime="10:00" class="" aria-label="show starts at 10:00 AM">10:00</time><time datetime="11:00" class="" aria-label="show ends at 11:00 AM">-11:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-1076"> Experimental Jetset Companion </h3>
+                              <h3 id="wrmc-show-teaser-header-609"> Experimental Jetset Companion </h3>
                             </a>
                             <span class="show-details__genre electronic">Electronic</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-878">
-                          <h3 id="wrmc-show-title-878" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-946">
+                          <h3 id="wrmc-show-title-946" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1108">
-                          <h3 id="wrmc-show-title-1108" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-334">
+                          <h3 id="wrmc-show-title-334" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1133">
-                          <h3 id="wrmc-show-title-1133" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1139">
+                          <h3 id="wrmc-show-title-1139" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper electronic">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-594">
-                            <h3 id="wrmc-show-title-594">Hot Chocolate on the Bus</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1065">
+                            <h3 id="wrmc-show-title-1065">Hot Chocolate on the Bus</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-330" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-291" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-330"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-291"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
@@ -1655,85 +1655,85 @@ <h3 id="wrmc-show-teaser-header-330"> Hot Chocolate on the Bus </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1196">
-                          <h3 id="wrmc-show-title-1196" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-940">
+                          <h3 id="wrmc-show-title-940" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-804">
-                          <h3 id="wrmc-show-title-804" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1099">
+                          <h3 id="wrmc-show-title-1099" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-833">
-                          <h3 id="wrmc-show-title-833" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-255">
+                          <h3 id="wrmc-show-title-255" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-126">
-                          <h3 id="wrmc-show-title-126" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-90">
+                          <h3 id="wrmc-show-title-90" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1219">
-                          <h3 id="wrmc-show-title-1219" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-903">
+                          <h3 id="wrmc-show-title-903" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-423">
-                          <h3 id="wrmc-show-title-423" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-649">
+                          <h3 id="wrmc-show-title-649" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-754">
-                          <h3 id="wrmc-show-title-754" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-309">
+                          <h3 id="wrmc-show-title-309" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1200">
-                          <h3 id="wrmc-show-title-1200" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-959">
+                          <h3 id="wrmc-show-title-959" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1154">
-                          <h3 id="wrmc-show-title-1154" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-661">
+                          <h3 id="wrmc-show-title-661" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-172">
-                          <h3 id="wrmc-show-title-172" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1120">
+                          <h3 id="wrmc-show-title-1120" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1176">
-                          <h3 id="wrmc-show-title-1176" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-474">
+                          <h3 id="wrmc-show-title-474" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper blues">
                         <button aria-haspopup="dialog">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1046">
-                            <h3 id="wrmc-show-title-1046">I Love Rock and Roll</h3>
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-301">
+                            <h3 id="wrmc-show-title-301">I Love Rock and Roll</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-445" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-856" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-445"> I Love Rock and Roll </h3>
+                              <h3 id="wrmc-show-teaser-header-856"> I Love Rock and Roll </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Matt Jennings and Tom</em>
@@ -1743,8 +1743,8 @@ <h3 id="wrmc-show-teaser-header-445"> I Love Rock and Roll </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1180">
-                          <h3 id="wrmc-show-title-1180" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-408">
+                          <h3 id="wrmc-show-title-408" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -1759,24 +1759,24 @@ <h3 id="wrmc-show-title-1180" class="sr-only">No show scheduled</h3>
                     <a href="#" data-toggle-close-all>close all</a>
                   </div>
                   <div role="tablist">
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-367">
-                      <a href="#wrmc-accordion-item-label-367" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-367" aria-expanded="true" aria-controls="wrmc-accordion-content-367" aria-labelledby="wrmc-accordion-item-label-367" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-568">
+                      <a href="#wrmc-accordion-item-label-568" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-568" aria-expanded="true" aria-controls="wrmc-accordion-content-568" aria-labelledby="wrmc-accordion-item-label-568" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-367">Monday</span>
+                          <span id="wrmc-accordion-item-label-568">Monday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-367" aria-labelledby="wrmc-accordion-item-label-367">
+                      <div role="tabpanel" id="midd-accordion-content-568" aria-labelledby="wrmc-accordion-item-label-568">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-630">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-230">
                               <div class="show-time">
                                 <time datetime="4:00" class="" aria-label="show starts at 4:00 AM">4:00</time><time datetime="5:00" class="" aria-label="show ends at 5:00 AM">-5:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-630"> Mixed Confetti </h3>
+                                  <h3 id="wrmc-show-teaser-header-230"> Mixed Confetti </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Aaron Smith, Blair Kloman, Pooja Gunturu</em>
@@ -1787,13 +1787,13 @@ <h3 id="wrmc-show-teaser-header-630"> Mixed Confetti </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-232">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-818">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-232"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-818"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
@@ -1804,13 +1804,13 @@ <h3 id="wrmc-show-teaser-header-232"> Hot Chocolate on the Bus </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-668">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-567">
                               <div class="show-time">
                                 <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-668"> Mr. and Mrs. Send It </h3>
+                                  <h3 id="wrmc-show-teaser-header-567"> Mr. and Mrs. Send It </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Sid Vicious</em>
@@ -1822,24 +1822,24 @@ <h3 id="wrmc-show-teaser-header-668"> Mr. and Mrs. Send It </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-486">
-                      <a href="#wrmc-accordion-item-label-486" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-486" aria-expanded="true" aria-controls="wrmc-accordion-content-486" aria-labelledby="wrmc-accordion-item-label-486" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-1212">
+                      <a href="#wrmc-accordion-item-label-1212" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1212" aria-expanded="true" aria-controls="wrmc-accordion-content-1212" aria-labelledby="wrmc-accordion-item-label-1212" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-486">Tuesday</span>
+                          <span id="wrmc-accordion-item-label-1212">Tuesday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-486" aria-labelledby="wrmc-accordion-item-label-486">
+                      <div role="tabpanel" id="midd-accordion-content-1212" aria-labelledby="wrmc-accordion-item-label-1212">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-260">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1229">
                               <div class="show-time">
                                 <time datetime="5:00" class="" aria-label="show starts at 5:00 AM">5:00</time><time datetime="6:00" class="" aria-label="show ends at 6:00 AM">-6:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-260"> Grilled Cheese Sandwich </h3>
+                                  <h3 id="wrmc-show-teaser-header-1229"> Grilled Cheese Sandwich </h3>
                                 </a>
                                 <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                                 <span class="show-details__genre folk">Folk</span>
@@ -1847,26 +1847,26 @@ <h3 id="wrmc-show-teaser-header-260"> Grilled Cheese Sandwich </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1187">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-957">
                               <div class="show-time">
                                 <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1187"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-957"> Jazz Band, Hand and Feet </h3>
                                 </a>
                                 <span class="show-details__genre punk">Punk</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-826">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-0">
                               <div class="show-time">
                                 <time datetime="12:00" class="" aria-label="show starts at 12:00 AM">12:00</time><time datetime="1:00" class="" aria-label="show ends at 1:00 AM">-1:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-826"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-0"> Jazz Band, Hand and Feet </h3>
                                 </a>
                                 <span class="show-details__genre rock">Rock</span>
                               </div>
@@ -1875,37 +1875,37 @@ <h3 id="wrmc-show-teaser-header-826"> Jazz Band, Hand and Feet </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-377">
-                      <a href="#wrmc-accordion-item-label-377" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-377" aria-expanded="true" aria-controls="wrmc-accordion-content-377" aria-labelledby="wrmc-accordion-item-label-377" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-584">
+                      <a href="#wrmc-accordion-item-label-584" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-584" aria-expanded="true" aria-controls="wrmc-accordion-content-584" aria-labelledby="wrmc-accordion-item-label-584" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-377">Wednesday</span>
+                          <span id="wrmc-accordion-item-label-584">Wednesday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-377" aria-labelledby="wrmc-accordion-item-label-377">
+                      <div role="tabpanel" id="midd-accordion-content-584" aria-labelledby="wrmc-accordion-item-label-584">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-543">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-131">
                               <div class="show-time">
                                 <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-543"> Experimental Jetset Companion </h3>
+                                  <h3 id="wrmc-show-teaser-header-131"> Experimental Jetset Companion </h3>
                                 </a>
                                 <span class="show-details__genre world">World</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-205">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1122">
                               <div class="show-time">
                                 <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-205"> Mr. and Mrs. Send It </h3>
+                                  <h3 id="wrmc-show-teaser-header-1122"> Mr. and Mrs. Send It </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Sid Vicious</em>
@@ -1917,37 +1917,37 @@ <h3 id="wrmc-show-teaser-header-205"> Mr. and Mrs. Send It </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-579">
-                      <a href="#wrmc-accordion-item-label-579" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-579" aria-expanded="true" aria-controls="wrmc-accordion-content-579" aria-labelledby="wrmc-accordion-item-label-579" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-879">
+                      <a href="#wrmc-accordion-item-label-879" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-879" aria-expanded="true" aria-controls="wrmc-accordion-content-879" aria-labelledby="wrmc-accordion-item-label-879" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-579">Thursday</span>
+                          <span id="wrmc-accordion-item-label-879">Thursday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-579" aria-labelledby="wrmc-accordion-item-label-579">
+                      <div role="tabpanel" id="midd-accordion-content-879" aria-labelledby="wrmc-accordion-item-label-879">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-42">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1133">
                               <div class="show-time">
                                 <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-42"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-1133"> Jazz Band, Hand and Feet </h3>
                                 </a>
                                 <span class="show-details__genre reggae">Reggae</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-34">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1219">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-34"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-1219"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
@@ -1958,13 +1958,13 @@ <h3 id="wrmc-show-teaser-header-34"> Hot Chocolate on the Bus </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-346">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-211">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-346"> I Love Rock and Roll </h3>
+                                  <h3 id="wrmc-show-teaser-header-211"> I Love Rock and Roll </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Matt Jennings and Tom</em>
@@ -1976,24 +1976,24 @@ <h3 id="wrmc-show-teaser-header-346"> I Love Rock and Roll </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-471">
-                      <a href="#wrmc-accordion-item-label-471" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-471" aria-expanded="true" aria-controls="wrmc-accordion-content-471" aria-labelledby="wrmc-accordion-item-label-471" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-570">
+                      <a href="#wrmc-accordion-item-label-570" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-570" aria-expanded="true" aria-controls="wrmc-accordion-content-570" aria-labelledby="wrmc-accordion-item-label-570" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-471">Friday</span>
+                          <span id="wrmc-accordion-item-label-570">Friday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-471" aria-labelledby="wrmc-accordion-item-label-471">
+                      <div role="tabpanel" id="midd-accordion-content-570" aria-labelledby="wrmc-accordion-item-label-570">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-184">
                               <div class="show-time">
                                 <time datetime="7:00" class="" aria-label="show starts at 7:00 AM">7:00</time><time datetime="8:00" class="" aria-label="show ends at 8:00 AM">-8:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1"> Echo Locations </h3>
+                                  <h3 id="wrmc-show-teaser-header-184"> Echo Locations </h3>
                                 </a>
                                 <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                                 <span class="show-details__genre hip-hop">Hip Hop</span>
@@ -2001,26 +2001,26 @@ <h3 id="wrmc-show-teaser-header-1"> Echo Locations </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-756">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-430">
                               <div class="show-time">
                                 <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-756"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-430"> Jazz Band, Hand and Feet </h3>
                                 </a>
                                 <span class="show-details__genre latin">Latin</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-730">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-804">
                               <div class="show-time">
                                 <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-730"> Mr. and Mrs. Send It </h3>
+                                  <h3 id="wrmc-show-teaser-header-804"> Mr. and Mrs. Send It </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Sid Vicious</em>
@@ -2032,37 +2032,37 @@ <h3 id="wrmc-show-teaser-header-730"> Mr. and Mrs. Send It </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-733">
-                      <a href="#wrmc-accordion-item-label-733" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-733" aria-expanded="true" aria-controls="wrmc-accordion-content-733" aria-labelledby="wrmc-accordion-item-label-733" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-1153">
+                      <a href="#wrmc-accordion-item-label-1153" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1153" aria-expanded="true" aria-controls="wrmc-accordion-content-1153" aria-labelledby="wrmc-accordion-item-label-1153" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-733">Saturday</span>
+                          <span id="wrmc-accordion-item-label-1153">Saturday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-733" aria-labelledby="wrmc-accordion-item-label-733">
+                      <div role="tabpanel" id="midd-accordion-content-1153" aria-labelledby="wrmc-accordion-item-label-1153">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-167">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-522">
                               <div class="show-time">
                                 <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-167"> Experimental Jetset Companion </h3>
+                                  <h3 id="wrmc-show-teaser-header-522"> Experimental Jetset Companion </h3>
                                 </a>
                                 <span class="show-details__genre funk">Funk</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1121">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-383">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1121"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-383"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
@@ -2075,37 +2075,37 @@ <h3 id="wrmc-show-teaser-header-1121"> Hot Chocolate on the Bus </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-673">
-                      <a href="#wrmc-accordion-item-label-673" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-673" aria-expanded="true" aria-controls="wrmc-accordion-content-673" aria-labelledby="wrmc-accordion-item-label-673" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-1193">
+                      <a href="#wrmc-accordion-item-label-1193" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1193" aria-expanded="true" aria-controls="wrmc-accordion-content-1193" aria-labelledby="wrmc-accordion-item-label-1193" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-673">Sunday</span>
+                          <span id="wrmc-accordion-item-label-1193">Sunday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-673" aria-labelledby="wrmc-accordion-item-label-673">
+                      <div role="tabpanel" id="midd-accordion-content-1193" aria-labelledby="wrmc-accordion-item-label-1193">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-210">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-820">
                               <div class="show-time">
                                 <time datetime="10:00" class="" aria-label="show starts at 10:00 AM">10:00</time><time datetime="11:00" class="" aria-label="show ends at 11:00 AM">-11:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-210"> Experimental Jetset Companion </h3>
+                                  <h3 id="wrmc-show-teaser-header-820"> Experimental Jetset Companion </h3>
                                 </a>
                                 <span class="show-details__genre electronic">Electronic</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1070">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-455">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1070"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-455"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
@@ -2116,13 +2116,13 @@ <h3 id="wrmc-show-teaser-header-1070"> Hot Chocolate on the Bus </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1072">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1037">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1072"> I Love Rock and Roll </h3>
+                                  <h3 id="wrmc-show-teaser-header-1037"> I Love Rock and Roll </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Matt Jennings and Tom</em>