diff --git a/base/static/base/css/loop.css b/base/static/base/css/loop.css
index e69e993d..6ce73e37 100644
--- a/base/static/base/css/loop.css
+++ b/base/static/base/css/loop.css
@@ -129,8 +129,7 @@ h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
  */
 p {
   font-size: 1.1em;
-  line-height: 1.7em;
-  max-width: 46em;
+  line-height: 1.7em;  
   margin-bottom: 0.5em; }
 
 .template-news-page .rich-text {
@@ -268,6 +267,22 @@ figure.center-block {
  *  Content
  * --------------------------------------------------
  */
+
+.block-paragraph,
+.media-body{
+  max-width: 46em;
+}
+.block-paragraph p,
+.block-paragraph li,
+.media-body p,
+.media-body li{
+  font-size: 15px;
+  line-height: 22px;
+}
+[data-block-key] a{
+  overflow-wrap: break-word;
+}
+
 .sw-toc {
   display: flex;
   flex-wrap: wrap;
diff --git a/base/static/base/css/loop/loop.scss b/base/static/base/css/loop/loop.scss
index 6ca9de94..ad7c7193 100644
--- a/base/static/base/css/loop/loop.scss
+++ b/base/static/base/css/loop/loop.scss
@@ -139,7 +139,6 @@ h1+h2, h2+h3, h3+h4, h4+h5, h5+h6 {
 p {
   font-size: 1.1em;
   line-height: 1.7em;
-  max-width: 46em;
   margin-bottom: 0.5em;
 }
 
@@ -316,6 +315,20 @@ figure {
  * --------------------------------------------------
  */
 
+
+.block-paragraph {
+  max-width: 46em;
+  p,
+  a,
+  li {
+    font-size: 16px;
+    line-height: 22px;
+  }
+  a{
+    overflow-wrap: break-word;
+  }
+}
+
 .sw-toc {
     display: flex;
     flex-wrap: wrap;
diff --git a/base/static/base/css/sidebars.scss b/base/static/base/css/sidebars.scss
index e5d844d9..54e05f49 100644
--- a/base/static/base/css/sidebars.scss
+++ b/base/static/base/css/sidebars.scss
@@ -20,7 +20,6 @@ Right Sidebar: Widget Items
  * Off Canvas (Sidebar Mobile Toggle)
  * --------------------------------------------------
  */
-
 @media screen and (max-width: 986px) { // Keep as @media (instead of @include) for stability
  .row-offcanvas {
     position: relative;
@@ -44,6 +43,7 @@ Right Sidebar: Widget Items
     min-height: 900px; // fix to sidebar overlapping footer in mobile.
       .sidebar-offcanvas {
         left: -50%; /* 6 columns */
+        z-index: 1;
     }
     &.active {
         left: 50%; /* 6 columns */
diff --git a/base/templates/base/intranet_base.html b/base/templates/base/intranet_base.html
index 2f906f84..3748b646 100644
--- a/base/templates/base/intranet_base.html
+++ b/base/templates/base/intranet_base.html
@@ -155,10 +155,9 @@ <h3>{{ sidebartitle }}</h3>
 {% endif %}
     </div><!-- /.row-fluid -->
   </div> <!-- /main container -->
-
   <!-- Footer Section -->
   <footer class="container-fluid footer" role="contentinfo"> 
-    <span class="footer-brand"><a href="https://www.lib.uchicago.edu/"><img src="/static/base/images/color-logo.png" alt="Loop logo"></a></span>
+    <span class="footer-brand"><a href="https://www.lib.uchicago.edu/"><img src="https://www.lib.uchicago.edu/web-resources/img/white-logo.png" alt="Loop logo"></a></span>
       <ul>
         <li><a href="/mailaliases/"><span class="hidden-xs">Library </span>Email Aliases</a></li>
         <li><a href="/staff/"><span class="hidden-xs">Library Staff</span> Directory</a></li>