diff --git a/static/images/secret_sunday_sale_banner.jpg b/static/images/secret_sunday_sale_banner.jpg
new file mode 100644
index 0000000..9e81ddb
Binary files /dev/null and b/static/images/secret_sunday_sale_banner.jpg differ
diff --git a/static/styles/main.css b/static/styles/main.css
index da27536..ffb3627 100644
--- a/static/styles/main.css
+++ b/static/styles/main.css
@@ -1,34 +1,34 @@
 :root {
-    --fg-color: #34201a;
-    --fg-alt-color: #663a2d;
-    --bg-color: #fffbf8;
-    --bg-alt-color: #b07952;
-    --gray-color: #9d9d9d;
-    --yellow-color: #f8a911;
-    --yellow-alt-color: #ffce6f;
-    --yellow-dark-color: #b27606;
-    --red-color: #d43131;
-    --green-color: #3ea165;
+  --fg-color: #34201a;
+  --fg-alt-color: #663a2d;
+  --bg-color: #fffbf8;
+  --bg-alt-color: #b07952;
+  --gray-color: #9d9d9d;
+  --yellow-color: #f8a911;
+  --yellow-alt-color: #ffce6f;
+  --yellow-dark-color: #b27606;
+  --red-color: #d43131;
+  --green-color: #3ea165;
 
-    --default-border: 2px solid var(--gray-color);
+  --default-border: 2px solid var(--gray-color);
 
-    --animate: 1s;
-    --pause: 10s;
-    --total-duration: calc(var(--animate) * 2 + var(--pause) * 2);
+  --animate: 1s;
+  --pause: 10s;
+  --total-duration: calc(var(--animate) * 2 + var(--pause) * 2);
 }
 
 html {
-    font-size: 100%;
+  font-size: 100%;
 }
 
 body {
-    background-color: var(--bg-color);
-    font-family: 'Inter', sans-serif;
-    font-weight: 400;
-    padding: 0;
-    margin: 0 auto;
-    line-height: 1.75;
-    color: var(--fg-color);
+  background-color: var(--bg-color);
+  font-family: 'Inter', sans-serif;
+  font-weight: 400;
+  padding: 0;
+  margin: 0 auto;
+  line-height: 1.75;
+  color: var(--fg-color);
 }
 
 
@@ -37,61 +37,67 @@ body {
    ========================================================================== */
 
 p {
-    margin-top: 0;
-    margin-bottom: 1rem;
+  margin-top: 0;
+  margin-bottom: 1rem;
 }
 
 a {
-    color: var(--fg-color);
+  color: var(--fg-color);
 }
 
-h1, h2, h3, h4, h5 {
-    margin: 0;
-    font-weight: 700;
-    line-height: 1.3;
-    margin-bottom: 1rem;
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+  font-weight: 700;
+  line-height: 1.3;
+  margin-bottom: 1rem;
 }
 
 h1 {
-    margin-top: 0;
-    font-size: 2.488rem;
+  margin-top: 0;
+  font-size: 2.488rem;
 }
 
 h2 {
-    font-size: 2.074rem;
+  font-size: 2.074rem;
 }
 
 h3 {
-    font-size: 1.728rem;
+  font-size: 1.728rem;
 }
 
 h4 {
-    font-size: 1.44rem;
+  font-size: 1.44rem;
 }
 
 h5 {
-    font-size: 1.2rem;
+  font-size: 1.2rem;
 }
 
-small, .text-small {
-    font-size: 0.833rem;
+small,
+.text-small {
+  font-size: 0.833rem;
 }
 
 blockquote {
-    margin: 0 0 1rem;
-    padding: 0;
+  margin: 0 0 1rem;
+  padding: 0;
 }
 
 blockquote q {
-    /*font-weight: bold;*/
-    font-size: 1.5rem;
+  /*font-weight: bold;*/
+  font-size: 1.5rem;
 }
+
 blockquote cite {
-    display: block;
+  display: block;
 }
 
 .text-center {
-    text-align: center;
+  text-align: center;
 }
 
 
@@ -99,46 +105,48 @@ blockquote cite {
    Tables
    ========================================================================== */
 table {
-    border-collapse: collapse;
-    border-spacing: 0;
-    font: inherit;
-    width: 100%;
-    margin-bottom: 1rem;
-    border: 1px solid var(--gray-color);
+  border-collapse: collapse;
+  border-spacing: 0;
+  font: inherit;
+  width: 100%;
+  margin-bottom: 1rem;
+  border: 1px solid var(--gray-color);
 }
 
 td,
 th {
-    font: inherit;
-    text-align: left;
-    font-size: 0.85em;
-    padding: 2px 10px;
-    border-bottom: 1px solid;
-    border-color: var(--gray-color);
+  font: inherit;
+  text-align: left;
+  font-size: 0.85em;
+  padding: 2px 10px;
+  border-bottom: 1px solid;
+  border-color: var(--gray-color);
 }
 
 th {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 table a {
-    white-space: normal;
+  white-space: normal;
 }
 
 .form-table {
-    width: unset;
-    border: none;
-    border-collapse: separate;
-    border-spacing: 0 1rem;
+  width: unset;
+  border: none;
+  border-collapse: separate;
+  border-spacing: 0 1rem;
 }
+
 .form-table th,
 .form-table td {
-    border: none;
+  border: none;
 }
+
 .form-table th,
 .form-table td {
-    padding: 0 1rem 1rem 0;
-    vertical-align: top;
+  padding: 0 1rem 1rem 0;
+  vertical-align: top;
 }
 
 
@@ -152,104 +160,107 @@ input[type=date],
 input[type=password],
 select,
 textarea {
-    color: var(--fg-color);
-    border: var(--default-border);
-    padding: 0.5rem;
-    outline: 0;
-    box-sizing: border-box;
+  color: var(--fg-color);
+  border: var(--default-border);
+  padding: 0.5rem;
+  outline: 0;
+  box-sizing: border-box;
 }
 
 input:focus,
 textarea:focus {
-    border-color: var(--yellow-color);
+  border-color: var(--yellow-color);
 }
 
 select[multiple=multiple] {
-    height: 8rem;
+  height: 8rem;
 }
 
 
 input[type=radio],
 input[type=checkbox] {
-    width: 2rem;
-    height: 2rem;
-    vertical-align: middle;
-    accent-color: var(--yellow-color);
+  width: 2rem;
+  height: 2rem;
+  vertical-align: middle;
+  accent-color: var(--yellow-color);
 }
 
-input[type=radio] + label,
-input[type=checkbox] + label {
-    display: inline-block;
-    margin: 1rem 0;
+input[type=radio]+label,
+input[type=checkbox]+label {
+  display: inline-block;
+  margin: 1rem 0;
 }
 
 textarea {
-    width: 100%;
-    height: 6.25rem;
+  width: 100%;
+  height: 6.25rem;
 }
 
 ::-webkit-input-placeholder {
-    font-style: oblique;
+  font-style: oblique;
 }
+
 ::-moz-input-placeholder {
-    font-style: oblique;
+  font-style: oblique;
 }
+
 ::-ms-input-placeholder {
-    font-style: oblique;
+  font-style: oblique;
 }
 
 
 button,
 input[type=submit],
 .btn {
-    font-family: inherit;
-    font-weight: bold;
-    font-size: 1.5rem;
-    text-decoration: none;
-    text-transform: lowercase;
-    font-variant: small-caps;
-    white-space: nowrap;
+  font-family: inherit;
+  font-weight: bold;
+  font-size: 1.5rem;
+  text-decoration: none;
+  text-transform: lowercase;
+  font-variant: small-caps;
+  white-space: nowrap;
 
-    color: var(--fg-color);
-    background-color: var(--yellow-color);
+  color: var(--fg-color);
+  background-color: var(--yellow-color);
 
-    padding: 0.4rem 1rem;
-    border-radius: 0.2rem;
-    border: none;
+  padding: 0.4rem 1rem;
+  border-radius: 0.2rem;
+  border: none;
 
-    cursor: pointer;
+  cursor: pointer;
 }
 
 button:hover,
 input[type=submit]:hover,
 .btn:hover {
-    background-color: var(--yellow-alt-color);
+  background-color: var(--yellow-alt-color);
 }
 
 button:disabled,
 input[type=submit]:disabled,
 .btn:disabled {
-    background-color: var(--yellow-alt-color);
-    cursor: no-drop;
+  background-color: var(--yellow-alt-color);
+  cursor: no-drop;
 }
 
 .errorlist {
-    background-color: var(--red-color);
-    color: white;
-    list-style: none;
-    padding: 0 1rem;
-    box-sizing: border-box;
-    font-weight: bold;
+  background-color: var(--red-color);
+  color: white;
+  list-style: none;
+  padding: 0 1rem;
+  box-sizing: border-box;
+  font-weight: bold;
 }
 
 figure {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }
+
 img {
-    box-sizing: border-box;
-    max-width: 100%;
+  box-sizing: border-box;
+  max-width: 100%;
 }
 
 
@@ -257,19 +268,19 @@ img {
    Base Layout
    ========================================================================== */
 main {
-    min-height: calc(100vh - 500px);
+  min-height: calc(100vh - 500px);
 }
 
-.site__header > nav,
-main > article,
-footer > section {
-    max-width: 1280px;
-    padding: 1rem;
-    margin: 0 auto;
+.site__header>nav,
+main>article,
+footer>section {
+  max-width: 1280px;
+  padding: 1rem;
+  margin: 0 auto;
 }
 
 section:not(:last-child) {
-    margin-bottom: 1rem;
+  margin-bottom: 1rem;
 }
 
 
@@ -277,56 +288,56 @@ section:not(:last-child) {
    Modal
    ========================================================================== */
 .modal-menu {
-    display: none;
-    position: fixed;
-    z-index: 1;
-    left: 0;
-    top: 0;
-    width: 100vw;
-    height: 100vh;
-    overflow: auto;
-    justify-content: center;
-    align-items: center;
-    background-color: rgb(0,0,0);
-    background-color: rgba(0,0,0,0.4);
+  display: none;
+  position: fixed;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  overflow: auto;
+  justify-content: center;
+  align-items: center;
+  background-color: rgb(0, 0, 0);
+  background-color: rgba(0, 0, 0, 0.4);
 }
 
 
 /* Modal Content/Box */
 .modal-menu__content {
-    background-color: var(--bg-color);
-    padding: 20px;
-    border: 2rem solid var(--bg-alt-color);
-    max-width: 40rem;
-    flex-grow: 1;
+  background-color: var(--bg-color);
+  padding: 20px;
+  border: 2rem solid var(--bg-alt-color);
+  max-width: 40rem;
+  flex-grow: 1;
 }
 
 @media screen and (max-width: 700px) {
-    .modal-menu__content {
-        margin: 4rem auto;
-        border: 1rem solid var(--bg-alt-color);
-    }
+  .modal-menu__content {
+    margin: 4rem auto;
+    border: 1rem solid var(--bg-alt-color);
+  }
 }
 
 .modal-menu__header {
-    display: flex;
-    justify-content: space-between;
-    align-items: baseline;
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
 }
 
 /* The Close Button */
 .close-modal {
-    color: #aaa;
-    font-size: 2rem;
-    line-height: 0;
-    font-weight: bold;
+  color: #aaa;
+  font-size: 2rem;
+  line-height: 0;
+  font-weight: bold;
 }
 
 .close-modal:hover,
 .close-modal:focus {
-    color: var(--fg-color);
-    text-decoration: none;
-    cursor: pointer;
+  color: var(--fg-color);
+  text-decoration: none;
+  cursor: pointer;
 }
 
 
@@ -334,208 +345,227 @@ section:not(:last-child) {
    Site
    ========================================================================== */
 .site__ft-stamp {
-    max-width: 6rem;
+  max-width: 6rem;
 }
 
 /* Site Header
    ========================================================================== */
 .site__header {
-    background-color: var(--bg-alt-color);
+  background-color: var(--bg-alt-color);
 }
 
-.site__logo > img {
-    height: 4rem;
+.site__logo>img {
+  height: 4rem;
 }
 
 /* Site Nav
    ========================================================================== */
 
 .site__nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
 }
 
 @media screen and (max-width: 900px) {
-    .site__logo,
-    .nav__main,
-    .nav__account {
-        margin-right: 0;
-    }
-    .site__nav {
-        display: grid;
-        grid-template-columns: 2fr 0.5fr 0.5fr;
-        gap: 1rem;
-    }
-    .site__logo {
-        grid-column: 1;
-    }
-    .nav__main {
-        grid-column: 1/4;
-        grid-row: 2;
-        justify-content: space-between;
-    }
-    .nav__account {
-        grid-column: 2;
-        grid-row: 1;
-    }
-    .site__cart {
-        grid-column: 3;
-        grid-row: 1;
-    }
+
+  .site__logo,
+  .nav__main,
+  .nav__account {
+    margin-right: 0;
+  }
+
+  .site__nav {
+    display: grid;
+    grid-template-columns: 2fr 0.5fr 0.5fr;
+    gap: 1rem;
+  }
+
+  .site__logo {
+    grid-column: 1;
+  }
+
+  .nav__main {
+    grid-column: 1/4;
+    grid-row: 2;
+    justify-content: space-between;
+  }
+
+  .nav__account {
+    grid-column: 2;
+    grid-row: 1;
+  }
+
+  .site__cart {
+    grid-column: 3;
+    grid-row: 1;
+  }
 }
 
 @media screen and (max-width: 400px) {
-    .site__nav {
-        grid-template-columns: repeat(2, 1fr);
-    }
-    .site__logo {
-        grid-column: span 2;
-        justify-self: center;
-    }
-    .nav__main {
-        grid-column: 1/3;
-        grid-row: 3;
-    }
-    .nav__account {
-        grid-column: 1;
-        grid-row: 2;
-    }
-    .site__cart {
-        grid-column: 2;
-        grid-row: 2;
-    }
+  .site__nav {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .site__logo {
+    grid-column: span 2;
+    justify-self: center;
+  }
+
+  .nav__main {
+    grid-column: 1/3;
+    grid-row: 3;
+  }
+
+  .nav__account {
+    grid-column: 1;
+    grid-row: 2;
+  }
+
+  .site__cart {
+    grid-column: 2;
+    grid-row: 2;
+  }
 }
 
 .nav__list {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    flex-wrap: wrap;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 .nav__menu {
-    position: relative;
+  position: relative;
 }
 
 .nav__link {
-    text-transform: lowercase;
-    font-variant: small-caps;
-    font-weight: bold;
-    text-decoration: none;
-    white-space: nowrap;
+  text-transform: lowercase;
+  font-variant: small-caps;
+  font-weight: bold;
+  text-decoration: none;
+  white-space: nowrap;
 }
 
 .nav__list li:not(:last-child) {
-    margin-right: 1rem;
+  margin-right: 1rem;
 }
 
 .nav__list.menu {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .nav__dropdown {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    background-color: var(--bg-color);
-    border: var(--default-border);
-    padding: 0.5rem;
-    position: absolute;
-    top: 100%;
-    right: 0;
-    z-index: 1000;
-    display: none;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  background-color: var(--bg-color);
+  border: var(--default-border);
+  padding: 0.5rem;
+  position: absolute;
+  top: 100%;
+  right: 0;
+  z-index: 1000;
+  display: none;
 }
 
 @media screen and (max-width: 400px) {
-    .nav__dropdown {
-        left: 0;
-        right: unset;
-    }
+  .nav__dropdown {
+    left: 0;
+    right: unset;
+  }
 }
 
 .nav__menu:hover .nav__dropdown {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 /* Site Banner
    ========================================================================== */
 .site__banner {
-    background-color: rgba(0, 0, 0, 0.6);
-    background-blend-mode: multiply;
-    background-size: cover;
-    background-position: center;
-    color: #f1e8e2;
-    text-align: center;
-    padding: 2rem 1rem;
-    text-shadow: 1px 1px 2px black;
+  background-color: rgba(0, 0, 0, 0.6);
+  background-blend-mode: multiply;
+  background-size: cover;
+  background-position: center;
+  color: #f1e8e2;
+  text-align: center;
+  padding: 2rem 1rem;
+  text-shadow: 1px 1px 2px black;
 }
 
 .carousel {
-    width: 100vw;
-    height: 300px;
-    overflow: hidden;
+  width: 100vw;
+  height: 300px;
+  overflow: hidden;
 
 }
 
 .carousel__wrapper {
-    width: 200vw;
-    display: flex;
-    position: relative;
+  width: 200vw;
+  display: flex;
+  position: relative;
 }
 
 .carousel__item {
-    background-color: rgba(0, 0, 0, 0.4);
-    background-blend-mode: multiply;
-    background-size: cover;
-    background-position: center;
-    color: #f1e8e2;
-    text-align: center;
-    padding: 2rem 1rem;
-    box-sizing: border-box;
-    text-shadow: 1px 1px 2px black;
-    color: white;
+  background-color: rgba(0, 0, 0, 0.4);
+  background-blend-mode: multiply;
+  background-size: cover;
+  background-position: center;
+  color: #f1e8e2;
+  text-align: center;
+  padding: 2rem 1rem;
+  box-sizing: border-box;
+  text-shadow: 1px 1px 2px black;
+  color: white;
 
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100vw;
-    height: 300px;
-    background-position: top;
-    background-size: cover;
-    background-repeat: no-repeat;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  height: 300px;
+  background-position: top;
+  background-size: cover;
+  background-repeat: no-repeat;
 }
 
 .hero-image-1 {
   top: 0;
   left: 0;
   position: absolute;
-  background-image: url(/static/images/banner_sizes.jpg);
-  animation: slide-out-image-1 var(--total-duration) 3s
+  background-image: url(/static/images/secret_sunday_sale_banner.jpg);
+  /*animation: slide-out-image-1 var(--total-duration) 3s
     cubic-bezier(0.54, 0.12, 0.44, 1) infinite;
+    */
 }
+
 /* start + pause + start + pause = totall */
 /* 2.5s + 3s + 2.5s + 3s = 11s*/
 @keyframes slide-out-image-1 {
   0% {
     transform: translateX(0);
   }
+
   25% {
     transform: translateX(-100%);
   }
+
   25.0001% {
     transform: translateX(100%);
   }
+
   50% {
     transform: translateX(100%);
   }
+
   75% {
     transform: translateX(0%);
   }
+
   100% {
     transform: translateX(0%);
   }
@@ -546,8 +576,7 @@ section:not(:last-child) {
   right: 0;
   background-image: url(/static/images/banner_merch.jpg);
   position: absolute;
-  animation: slide-in-image-2 var(--total-duration) 3s
-    cubic-bezier(0.54, 0.12, 0.44, 1) infinite;
+  animation: slide-in-image-2 var(--total-duration) 3s cubic-bezier(0.54, 0.12, 0.44, 1) infinite;
 }
 
 /* start + pause + start + pause = totall */
@@ -556,354 +585,365 @@ section:not(:last-child) {
   0% {
     transform: translateX(0);
   }
+
   25% {
     transform: translateX(-100%);
   }
+
   50% {
     transform: translateX(-100%);
   }
+
   75% {
     transform: translateX(-200%);
   }
+
   100% {
     transform: translateX(-200%);
   }
 }
 
 .site__banner p {
-    font-size: 2rem;
+  font-size: 2rem;
 }
 
 .site__banner--site {
-    background-image: url("/static/images/site_banner.jpg");
+  background-image: url("/static/images/site_banner.jpg");
 }
+
 .site__banner--fairtrade {
-    padding: 6rem 1rem;
-    background-image: url("/static/images/fairtrade_banner.jpg");
+  padding: 6rem 1rem;
+  background-image: url("/static/images/fairtrade_banner.jpg");
 }
+
 .site__banner--reviews {
-    padding: 6rem 1rem;
-    background-image: url("/static/images/reviews_banner.jpg");
+  padding: 6rem 1rem;
+  background-image: url("/static/images/reviews_banner.jpg");
 }
+
 .site__banner--about {
-    padding: 6rem 1rem;
-    background-image: url("/static/images/coffee_banner.jpg");
+  padding: 6rem 1rem;
+  background-image: url("/static/images/coffee_banner.jpg");
 }
 
 /* Messages
    ========================================================================== */
 .messages {
-    text-align: center;
-    font-weight: bold;
-    margin-bottom: 0 !important;
+  text-align: center;
+  font-weight: bold;
+  margin-bottom: 0 !important;
 }
 
 .messages p {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 .messages .success {
-    background-color: var(--green-color);
+  background-color: var(--green-color);
 }
 
 .messages .warning {
-    background-color: var(--yellow-color);
+  background-color: var(--yellow-color);
 }
 
 .messages .error {
-    background-color: var(--red-color);
+  background-color: var(--red-color);
 }
 
 /* Site Cart
    ========================================================================== */
 .site__cart {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 
-    justify-self: end;
+  justify-self: end;
 
-    font-family: inherit;
-    font-weight: bold;
-    text-decoration: none;
-    text-transform: lowercase;
-    font-variant: small-caps;
+  font-family: inherit;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: lowercase;
+  font-variant: small-caps;
 
-    color: var(--fg-color);
-    background-color: var(--yellow-color);
-    padding: 0.25rem 1rem;
-    border-radius: 0.2rem;
-    cursor: pointer;
+  color: var(--fg-color);
+  background-color: var(--yellow-color);
+  padding: 0.25rem 1rem;
+  border-radius: 0.2rem;
+  cursor: pointer;
 }
 
 .cart__count {
-    font-size: 1rem;
+  font-size: 1rem;
 }
 
 .cart__icon {
-    height: 2rem;
+  height: 2rem;
 }
 
 
 /* Breadcrumbs
    ========================================================================== */
 .breadcrumbs {
-    margin-bottom: 1.5rem;
+  margin-bottom: 1.5rem;
 }
+
 .breadcrumbs menu {
-    margin: 0;
-    padding: 0 1rem;
-    line-height: 1.75;
-    list-style: none;
-    display: flex;
-    gap: 0.5rem;
-    flex-wrap: wrap;
+  margin: 0;
+  padding: 0 1rem;
+  line-height: 1.75;
+  list-style: none;
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
 }
 
 
 /* ==========================================================================
    Articles
    ========================================================================== */
-article > header {
-    margin-bottom: 1rem;
+article>header {
+  margin-bottom: 1rem;
 }
 
 .article__header--with-action {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .article__header--with-action h1 {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 @media screen and (max-width: 600px) {
-    .article__header--with-action {
-        flex-direction: column;
-        align-items: flex-start;
-    }
+  .article__header--with-action {
+    flex-direction: column;
+    align-items: flex-start;
+  }
 
 }
 
-article + article {
-    margin-top: 8rem;
+article+article {
+  margin-top: 8rem;
 }
 
 .error-view {
-    text-align: center;
-    margin: auto 0;
+  text-align: center;
+  margin: auto 0;
 }
 
 /* Product reviews
    ========================================================================== */
 .review__list {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 4rem;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 4rem;
 }
 
 .review__list-short {
-    margin: inherit auto;
-    max-width: 64ch;
-    text-align: center;
+  margin: inherit auto;
+  max-width: 64ch;
+  text-align: center;
 }
 
 .review__item {
-    text-align: center;
+  text-align: center;
 }
 
 @media screen and (max-width: 600px) {
-    .review__list {
-        grid-template-columns: 1fr;
-    }
+  .review__list {
+    grid-template-columns: 1fr;
+  }
 }
 
 /* Products
    ========================================================================== */
 .product__list {
-    margin-top: 4rem;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 8rem;
+  margin-top: 4rem;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 8rem;
 }
 
 .product__item {
-    text-decoration: none;
+  text-decoration: none;
 
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 1rem;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
 }
 
 .product__figure img {
-    max-height: 400px;
+  max-height: 400px;
 }
 
 .product__item button {
-    grid-column: span 2;
-    align-self: flex-end;
+  grid-column: span 2;
+  align-self: flex-end;
 }
 
 .product__item h3,
 .product__info h1 {
-    /*text-decoration: underline;*/
-    font-weight: 900;
+  /*text-decoration: underline;*/
+  font-weight: 900;
 }
 
 .product__item:hover h3 {
-    color: var(--fg-alt-color);
+  color: var(--fg-alt-color);
 }
 
 .product__first-img--hidden,
 .product__second-img--hidden {
-    display: none;
+  display: none;
 }
 
 @media screen and (max-width: 900px) {
-    .product__list {
-        grid-template-columns: 1fr;
-        gap: 6rem;
-    }
-    .product__figure {
-        grid-row: span 2;
-    }
+  .product__list {
+    grid-template-columns: 1fr;
+    gap: 6rem;
+  }
+
+  .product__figure {
+    grid-row: span 2;
+  }
 }
 
 @media screen and (max-width: 600px) {
-    .product__item {
-        grid-template-columns: 1fr;
-    }
+  .product__item {
+    grid-template-columns: 1fr;
+  }
 
-    .product__item button {
-        grid-column: span 1;
-    }
+  .product__item button {
+    grid-column: span 1;
+  }
 
-    .product__figure {
-        grid-row: 1;
-        justify-self: center;
-    }
+  .product__figure {
+    grid-row: 1;
+    justify-self: center;
+  }
 }
 
 
 .subscription-authenticate {
-    text-align: center;
+  text-align: center;
 }
 
 .subscription-create-form section {
-    margin-bottom: 3rem;
+  margin-bottom: 3rem;
 }
 
 
 .subscription-coffee {
-    display: grid;
-    gap: 2rem;
-    grid-template-columns: repeat(4, 1fr);
-    padding: 1rem;
+  display: grid;
+  gap: 2rem;
+  grid-template-columns: repeat(4, 1fr);
+  padding: 1rem;
 }
 
 .subscription-coffee div {
-    min-width: 12rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+  min-width: 12rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .subscription-coffee img {
-    max-height: 300px;
+  max-height: 300px;
 }
 
 .subscription-coffee .product__desc {
-    flex-grow: 2;
+  flex-grow: 2;
 }
 
 .subscription-coffee input[type=number] {
-    width: 100%;
+  width: 100%;
 }
 
 .subscription-products {
-    display: flex;
-    gap: 2rem;
-    margin-bottom: 1rem;
-    justify-items: center;
+  display: flex;
+  gap: 2rem;
+  margin-bottom: 1rem;
+  justify-items: center;
 }
 
-.subscription-products > div {
-    border: var(--default-border);
-    width: 100%;
-    box-sizing: border-box;
-    padding: 1rem;
-    text-align: center;
+.subscription-products>div {
+  border: var(--default-border);
+  width: 100%;
+  box-sizing: border-box;
+  padding: 1rem;
+  text-align: center;
 }
 
 .subscription-products .product-prices {
-    visibility: hidden;
+  visibility: hidden;
 }
 
-.subscription-products input[type=radio]:checked ~ .product-prices {
-    visibility: visible;
+.subscription-products input[type=radio]:checked~.product-prices {
+  visibility: visible;
 }
 
 @media screen and (max-width: 900px) {
-    .subscription-coffee {
-        grid-template-columns: repeat(2, 1fr);
-    }
+  .subscription-coffee {
+    grid-template-columns: repeat(2, 1fr);
+  }
 }
 
 @media screen and (max-width: 600px) {
-    .subscription-products {
-        flex-direction: column;
-    }
-    .subscription-coffee {
-        grid-template-columns: 1fr;
-    }
+  .subscription-products {
+    flex-direction: column;
+  }
+
+  .subscription-coffee {
+    grid-template-columns: 1fr;
+  }
 }
 
 
 /* Product Detail
    ========================================================================== */
 .product__detail {
-    margin-top: 4rem;
-    display: grid;
-    grid-template-columns: 0.25fr 2fr 1fr;
-    gap: 1rem;
+  margin-top: 4rem;
+  display: grid;
+  grid-template-columns: 0.25fr 2fr 1fr;
+  gap: 1rem;
 }
 
 .gallery__thumbnail {
-    border: var(--default-border);
-    border-color: var(--bg-color);
-    cursor: pointer;
-    object-fit: cover;
-    aspect-ratio: 1/1;
+  border: var(--default-border);
+  border-color: var(--bg-color);
+  cursor: pointer;
+  object-fit: cover;
+  aspect-ratio: 1/1;
 }
 
 .gallery__image-wrapper {
-    text-align: center;
+  text-align: center;
 }
 
 .gallery__image {
-    max-height: 600px;
+  max-height: 600px;
 }
 
 .gallery__thumbnail--focus {
-    border-color: var(--yellow-color);
+  border-color: var(--yellow-color);
 }
 
 .product__form input:not([type=radio]),
 .product__form select {
-    width: 100%;
+  width: 100%;
 }
 
 
 .product__form #id_variant {
-    display: flex;
-    gap: 1rem;
-    flex-direction: column;
+  display: flex;
+  gap: 1rem;
+  flex-direction: column;
 }
+
 .product__form #id_variant div label {
-    display: flex;
-    gap: 1rem;
-    font-weight: bold;
+  display: flex;
+  gap: 1rem;
+  font-weight: bold;
 }
 
 
@@ -911,138 +951,146 @@ article + article {
 
 
 @media screen and (max-width: 700px) {
-    .product__detail {
-        grid-template-columns: 1fr;
-        grid-template-rows: 4rem 1fr auto;
-    }
-    .product__gallery {
-        display: flex;
-    }
-    .gallery__thumbnail {
-        max-height: 4rem;
-    }
-    .gallery__thumbnail:not(:last-child) {
-        margin-right: 0.5rem;
-    }
-    .product__image {
-        max-height: 16rem;
-    }
-    .product__info {
-        grid-column: 1;
-    }
+  .product__detail {
+    grid-template-columns: 1fr;
+    grid-template-rows: 4rem 1fr auto;
+  }
+
+  .product__gallery {
+    display: flex;
+  }
+
+  .gallery__thumbnail {
+    max-height: 4rem;
+  }
+
+  .gallery__thumbnail:not(:last-child) {
+    margin-right: 0.5rem;
+  }
+
+  .product__image {
+    max-height: 16rem;
+  }
+
+  .product__info {
+    grid-column: 1;
+  }
 }
 
 
 /* Shopping Cart
    ========================================================================== */
 .cart__list {
-    margin-bottom: 2rem;
+  margin-bottom: 2rem;
 }
+
 .cart__item {
-    padding: 1rem 0;
-    border-bottom: var(--default-border);
-    display: grid;
-    grid-template-columns: 1fr 3fr 1fr;
-    gap: 1rem;
+  padding: 1rem 0;
+  border-bottom: var(--default-border);
+  display: grid;
+  grid-template-columns: 1fr 3fr 1fr;
+  gap: 1rem;
 }
 
 .cart__table-wrapper {
-    display: flex;
-    justify-content: flex-end;
+  display: flex;
+  justify-content: flex-end;
 }
 
 .cart__summary {
-    text-align: right;
+  text-align: right;
 }
+
 .cart__totals {
-    width: unset;
-    font-size: 1.5rem;
+  width: unset;
+  font-size: 1.5rem;
 }
 
 .cart__totals th,
 .cart__totals td {
-    border: none;
+  border: none;
 }
+
 .cart__totals th:first-child,
 .cart__totals td:first-child {
-    text-align: right;
+  text-align: right;
 
 }
 
 .cart__proceed {
-    text-align: right;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
+  text-align: right;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
 }
 
-.cart__proceed > .btn {
-    font-size: 1.75rem;
+.cart__proceed>.btn {
+  font-size: 1.75rem;
 }
 
 .item__image {
-    max-height: 12rem;
+  max-height: 12rem;
 }
 
 .item__price {
-    justify-self: end;
-    text-align: right;
+  justify-self: end;
+  text-align: right;
 }
 
 .item__variant {
-    color: var(--red-color);
+  color: var(--red-color);
 }
 
 .item__form,
 .coupon__form p {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .coupon__form p {
-    justify-content: flex-end;
+  justify-content: flex-end;
 }
 
 .item__form input[type=number] {
-    max-width: 6rem;
+  max-width: 6rem;
 }
 
 .coupon__form input[type=text] {
-    max-width: 8rem;
+  max-width: 8rem;
 }
 
 :is(.item__form, .coupon__form) label,
 :is(.item__form, .coupon__form) input:not(:last-child) {
-    margin-right: 0.5rem;
+  margin-right: 0.5rem;
 }
 
 @media screen and (max-width: 500px) {
-    .cart__item {
-        grid-template-columns: 2fr 1fr;
-    }
+  .cart__item {
+    grid-template-columns: 2fr 1fr;
+  }
 
-    .cart__proceed {
-        flex-direction: column;
-    }
+  .cart__proceed {
+    flex-direction: column;
+  }
 
-    .item__info {
-        grid-column: span 2;
-        grid-row: 2;
-    }
+  .item__info {
+    grid-column: span 2;
+    grid-row: 2;
+  }
 
-    .item__price {
-        grid-column: 2;
-        grid-row: 1;
-    }
+  .item__price {
+    grid-column: 2;
+    grid-row: 1;
+  }
 
-    .item__form {
-        flex-direction: column;
-    }
+  .item__form {
+    flex-direction: column;
+  }
 
-    .item__form *:not(:last-child) {
-        margin-bottom: 1rem;
-        width: 100%;
-    }
+  .item__form *:not(:last-child) {
+    margin-bottom: 1rem;
+    width: 100%;
+  }
 }
 
 
@@ -1050,48 +1098,50 @@ article + article {
 /* Checkout / Shipping Address
    ========================================================================== */
 .checkout__address-form {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 0 2rem;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 0 2rem;
 }
 
 
 .checkout__address-form .errorlist {
-    grid-column: span 2;
+  grid-column: span 2;
 }
 
 @media screen and (max-width: 600px) {
-    .checkout__address-form {
-        grid-template-columns: 1fr;
-    }
-    .checkout__address-form .errorlist {
+  .checkout__address-form {
+    grid-template-columns: 1fr;
+  }
+
+  .checkout__address-form .errorlist {
     grid-column: 1;
+  }
 }
-}
+
 .checkout__address-form p:last-child {
-    align-self: end;
+  align-self: end;
 }
 
 .checkout__address-form input,
 .checkout__address-form select {
-    display: block;
-    width: 100%;
+  display: block;
+  width: 100%;
 }
 
 .checkout__address {
-    margin-bottom: 2rem;
+  margin-bottom: 2rem;
 }
 
 #paypal-button-container {
-    max-width: 24rem;
-    margin-left: auto;
+  max-width: 24rem;
+  margin-left: auto;
 }
 
 /* ==========================================================================
    Orders & OrderLines
    ========================================================================== */
 .line__image {
-    max-width: 8rem;
+  max-width: 8rem;
 }
 
 
@@ -1099,16 +1149,16 @@ article + article {
    Customer/User
    ========================================================================== */
 .customer__detail-section {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 4rem;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 4rem;
 }
 
 @media screen and (max-width: 600px) {
-    .customer__detail-section {
-        grid-template-columns: 1fr;
-        gap: 1rem;
-    }
+  .customer__detail-section {
+    grid-template-columns: 1fr;
+    gap: 1rem;
+  }
 }
 
 
@@ -1119,37 +1169,37 @@ article + article {
    ========================================================================== */
 
 footer {
-    margin: 4rem 0 0;
-    box-sizing: border-box;
-    padding: 1rem 0;
-    background-color: var(--bg-alt-color);
+  margin: 4rem 0 0;
+  box-sizing: border-box;
+  padding: 1rem 0;
+  background-color: var(--bg-alt-color);
 }
 
-footer > section {
-    text-align: center;
+footer>section {
+  text-align: center;
 
 }
 
 
 .show-modal {
-    white-space: unset;
+  white-space: unset;
 }
 
 
 #wholesale-faq {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 3rem;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 3rem;
 }
 
 .wholesale-detail,
 .wholesale-fields {
-    width: fit-content;
-}
-.wholesale-field {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 0.5rem;
-    margin-bottom: 1rem;
+  width: fit-content;
 }
 
+.wholesale-field {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 0.5rem;
+  margin-bottom: 1rem;
+}
\ No newline at end of file
diff --git a/templates/partials/carousel.html b/templates/partials/carousel.html
index ea139bf..31c071b 100644
--- a/templates/partials/carousel.html
+++ b/templates/partials/carousel.html
@@ -1,10 +1,9 @@
 <div class="carousel">
-    <div class="carousel__wrapper">
-        <div class="carousel__item hero-image-1">
-            <h1>Subscribe and save 10%</h1>
-        </div>
-        <div class="carousel__item hero-image-2">
-            <h1>Merchandise now available!</h1>
-        </div>
+  <div class="carousel__wrapper">
+    <div class="carousel__item hero-image-1">
+      <h1>Labor Day Weekend Sale</h1>
+      <h3>10% off 12oz and 16oz bags</h3>
+      <h4>Use code: LABOR23</h4>
     </div>
-</div>
+  </div>
+</div>
\ No newline at end of file