diff --git a/web/themes/asc_bootstrap/assets/sass/components/_newsletter.scss b/web/themes/asc_bootstrap/assets/sass/components/_newsletter.scss
new file mode 100644
index 0000000000000000000000000000000000000000..99cc1a5e8d1bcf47665b109e74edfc66869da220
--- /dev/null
+++ b/web/themes/asc_bootstrap/assets/sass/components/_newsletter.scss
@@ -0,0 +1,109 @@
+@import "../helpers/mixins";
+@import "../helpers/variables";
+@import "../helpers/functions";
+//
+// News
+// --------------------------------------------------
+
+//## News grid.
+
+.view-newsletter-block {
+  .row {
+    display: flex;
+    margin-bottom: 40px;
+
+    @media (max-width: 768px) {
+        display: block;
+    }
+  }
+}
+
+.news-row {
+  display: flex;
+  color: $gray-6;
+
+  @media (max-width: 768px) {
+      display: block;
+  }
+
+  .inner-news-grid {
+    border: #979797 solid 1px;
+    flex: 1;
+    background: $white;
+
+    @media (max-width: 768px) {
+        flex: none;
+        margin-bottom: 20px;
+      }
+  }
+
+  .views-field-created {
+    padding: 10px 10px 0;
+    text-transform: uppercase;
+    font-weight: 700;
+    font-size: $font-size-h6;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .views-field-title {
+    padding: 0 10px;
+
+    a {
+      color: $gray-6;
+    }
+  }
+
+  .views-field-body {
+    padding: 0 10px 40px;
+    font-weight: 300;
+  }
+}
+
+
+// --------------------------------------------------
+
+//## Newsletter Landing Page.
+
+.newsletter-landing-page {
+
+  nav {
+    display: none;
+  }
+}
+
+
+// --------------------------------------------------
+
+//## Newsletter.
+
+.newsletter {
+
+  nav {
+    display: none;
+  }
+}
+
+
+// --------------------------------------------------
+
+//## Book Page.
+
+.book {
+
+  nav {
+    display: none;
+  }
+}
+
+
+.view-newsletter-articles-block {
+  .row {
+    display: flex;
+    margin-bottom: 40px;
+
+    @media (max-width: 768px) {
+        display: block;
+    }
+  }
+}
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_sidebar-menu.scss b/web/themes/asc_bootstrap/assets/sass/components/_sidebar-menu.scss
index 10710e00b60a45f749ae6fe012af3ec76f48ddf4..2f1e04b3782e96a55c7e136f46c0ff67c75f3e3b 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_sidebar-menu.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_sidebar-menu.scss
@@ -4,6 +4,10 @@
 
 #block-mainnavigation-2 {
 
+  .dropdown-menu {
+    z-index: 20;
+  }
+
   .navbar-nav {
 
     li {
diff --git a/web/themes/asc_bootstrap/assets/sass/style.scss b/web/themes/asc_bootstrap/assets/sass/style.scss
index 18b8097d3029f4f9bc2e4ae10d4973155d0c3fc3..2e1b07e25cc2db247aab76b80ca64c30276739ed 100644
--- a/web/themes/asc_bootstrap/assets/sass/style.scss
+++ b/web/themes/asc_bootstrap/assets/sass/style.scss
@@ -72,6 +72,7 @@
 @import "components/filters";
 @import "components/menu";
 @import "components/news";
+@import "components/newsletter";
 @import "components/paragraphs";
 @import "components/people";
 @import "components/people-styles";
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index 30cf99a6e3bdad539bcddccec4e3130483644c61..7e1558363b9d99f7f82e7014dbe1f27975fe1230 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -10864,6 +10864,92 @@ article.news-story {
   font-size: 18px;
 }
 
+/* line 11, ../assets/sass/components/_newsletter.scss */
+.view-newsletter-block .row {
+  display: flex;
+  margin-bottom: 40px;
+}
+@media (max-width: 768px) {
+  /* line 11, ../assets/sass/components/_newsletter.scss */
+  .view-newsletter-block .row {
+    display: block;
+  }
+}
+
+/* line 21, ../assets/sass/components/_newsletter.scss */
+.news-row {
+  display: flex;
+  color: #666666;
+}
+@media (max-width: 768px) {
+  /* line 21, ../assets/sass/components/_newsletter.scss */
+  .news-row {
+    display: block;
+  }
+}
+/* line 29, ../assets/sass/components/_newsletter.scss */
+.news-row .inner-news-grid {
+  border: #979797 solid 1px;
+  flex: 1;
+  background: #ffffff;
+}
+@media (max-width: 768px) {
+  /* line 29, ../assets/sass/components/_newsletter.scss */
+  .news-row .inner-news-grid {
+    flex: none;
+    margin-bottom: 20px;
+  }
+}
+/* line 40, ../assets/sass/components/_newsletter.scss */
+.news-row .views-field-created {
+  padding: 10px 10px 0;
+  text-transform: uppercase;
+  font-weight: 700;
+  font-size: 14px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* line 49, ../assets/sass/components/_newsletter.scss */
+.news-row .views-field-title {
+  padding: 0 10px;
+}
+/* line 52, ../assets/sass/components/_newsletter.scss */
+.news-row .views-field-title a {
+  color: #666666;
+}
+/* line 57, ../assets/sass/components/_newsletter.scss */
+.news-row .views-field-body {
+  padding: 0 10px 40px;
+  font-weight: 300;
+}
+
+/* line 70, ../assets/sass/components/_newsletter.scss */
+.newsletter-landing-page nav {
+  display: none;
+}
+
+/* line 82, ../assets/sass/components/_newsletter.scss */
+.newsletter nav {
+  display: none;
+}
+
+/* line 94, ../assets/sass/components/_newsletter.scss */
+.book nav {
+  display: none;
+}
+
+/* line 101, ../assets/sass/components/_newsletter.scss */
+.view-newsletter-articles-block .row {
+  display: flex;
+  margin-bottom: 40px;
+}
+@media (max-width: 768px) {
+  /* line 101, ../assets/sass/components/_newsletter.scss */
+  .view-newsletter-articles-block .row {
+    display: block;
+  }
+}
+
 /* line 10, ../assets/sass/components/_paragraphs.scss */
 .paragraph--type--columns-1 {
   width: 90%;
@@ -11782,24 +11868,28 @@ body {
   display: flex;
 }
 
-/* line 9, ../assets/sass/components/_sidebar-menu.scss */
+/* line 7, ../assets/sass/components/_sidebar-menu.scss */
+#block-mainnavigation-2 .dropdown-menu {
+  z-index: 20;
+}
+/* line 13, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav li {
   border-top: 1px #979797 dotted;
   line-height: 1.15;
 }
-/* line 13, ../assets/sass/components/_sidebar-menu.scss */
+/* line 17, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav li .link-wrapper {
   padding: 8px 0;
 }
-/* line 17, ../assets/sass/components/_sidebar-menu.scss */
+/* line 21, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav li .active-link {
   padding-left: 5px;
 }
-/* line 21, ../assets/sass/components/_sidebar-menu.scss */
+/* line 25, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav li a {
   display: inline;
 }
-/* line 27, ../assets/sass/components/_sidebar-menu.scss */
+/* line 31, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav ul {
   display: none;
   position: inherit;
@@ -11809,95 +11899,95 @@ body {
   padding: 0;
   list-style-type: none;
 }
-/* line 38, ../assets/sass/components/_sidebar-menu.scss */
+/* line 42, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav ul li .link-wrapper {
   padding-left: 17px;
 }
-/* line 42, ../assets/sass/components/_sidebar-menu.scss */
+/* line 46, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav ul li a {
   color: #000000;
 }
-/* line 46, ../assets/sass/components/_sidebar-menu.scss */
+/* line 50, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav ul li i {
   padding: 0 10px;
 }
-/* line 52, ../assets/sass/components/_sidebar-menu.scss */
+/* line 56, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav ul li li .link-wrapper {
   padding-left: 27px;
 }
-/* line 58, ../assets/sass/components/_sidebar-menu.scss */
+/* line 62, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav ul li li li .link-wrapper {
   padding-left: 37px;
 }
-/* line 64, ../assets/sass/components/_sidebar-menu.scss */
+/* line 68, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav ul li li li li .link-wrapper {
   padding-left: 47px;
 }
-/* line 70, ../assets/sass/components/_sidebar-menu.scss */
+/* line 74, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav ul li li li li li .link-wrapper {
   padding-left: 57px;
 }
-/* line 76, ../assets/sass/components/_sidebar-menu.scss */
+/* line 80, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav ul li li li li li li .link-wrapper {
   padding-left: 67px;
 }
-/* line 88, ../assets/sass/components/_sidebar-menu.scss */
+/* line 92, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav .active-trail ul {
   display: inherit;
 }
-/* line 93, ../assets/sass/components/_sidebar-menu.scss */
+/* line 97, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav .active-link-li ul {
   display: block;
 }
-/* line 96, ../assets/sass/components/_sidebar-menu.scss */
+/* line 100, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav .active-link-li ul ul {
   display: none;
 }
-/* line 102, ../assets/sass/components/_sidebar-menu.scss */
+/* line 106, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav i {
   float: right;
   padding: 2px 10px;
   cursor: pointer;
 }
-/* line 108, ../assets/sass/components/_sidebar-menu.scss */
+/* line 112, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .navbar-nav:nth-last-child(1) {
   border-bottom: 1px #979797 dotted;
   border-top: none;
 }
-/* line 115, ../assets/sass/components/_sidebar-menu.scss */
+/* line 119, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .nav > li > a:hover, #block-mainnavigation-2 .nav > li > a:focus {
   background-color: transparent;
 }
-/* line 121, ../assets/sass/components/_sidebar-menu.scss */
+/* line 125, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .sidebar-nav .active-link {
   background-color: #ffffff;
   border-left: solid #D0021B 3px;
   padding-left: 5px;
   margin-left: -8px;
 }
-/* line 129, ../assets/sass/components/_sidebar-menu.scss */
+/* line 133, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .sidebar-nav ul .active-link {
   margin-left: -5px;
 }
-/* line 134, ../assets/sass/components/_sidebar-menu.scss */
+/* line 138, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .sidebar-nav ul ul .active-link {
   margin-left: -2px;
 }
-/* line 139, ../assets/sass/components/_sidebar-menu.scss */
+/* line 143, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .sidebar-nav ul ul ul .active-link {
   margin-left: 0;
 }
-/* line 149, ../assets/sass/components/_sidebar-menu.scss */
+/* line 153, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 .link-wrapper:hover {
   background-color: #ffffff;
 }
-/* line 154, ../assets/sass/components/_sidebar-menu.scss */
+/* line 158, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 h2.active-link {
   background-color: transparent;
   border-left: none;
   padding-left: 0;
 }
-/* line 162, ../assets/sass/components/_sidebar-menu.scss */
+/* line 166, ../assets/sass/components/_sidebar-menu.scss */
 #block-mainnavigation-2 h2 a {
   color: #000000;
 }
@@ -11909,7 +11999,7 @@ body {
 }
 
 @media (max-width: 768px) {
-  /* line 173, ../assets/sass/components/_sidebar-menu.scss */
+  /* line 177, ../assets/sass/components/_sidebar-menu.scss */
   .region-sidebar-menu {
     display: none;
   }