diff --git a/output/theme/css/images.css b/output/theme/css/images.css
index 9f63933..8c7bd74 100644
--- a/output/theme/css/images.css
+++ b/output/theme/css/images.css
@@ -24,3 +24,11 @@ img {
 .page-images img{
   float: right
 }
+
+
+@media (max-width: 900px) {
+  .small-images img {
+    width: 100%;
+    padding: 1em 0 1em 0;
+  }
+}
diff --git a/output/theme/css/main.css b/output/theme/css/main.css
index 69dc61e..aae4c30 100644
--- a/output/theme/css/main.css
+++ b/output/theme/css/main.css
@@ -86,6 +86,10 @@ nav a:hover {
   color: var(--main-color)
 }
 
+.footnote-ref {
+  color: var(--main-color)
+}
+
 footer {
   padding: 50px;
 }
@@ -98,6 +102,11 @@ footer {
 
   #content {
     max-width: 100%;
+    text-align: left;
+  }
+
+  h2 {
+    font-size: 1.7em;
   }
 
   nav {
@@ -108,6 +117,8 @@ footer {
 
   nav a {
     color: black;
+    text-decoration: underline;
+    text-decoration-style: dotted;
   }
 
   nav li {
diff --git a/themes/ravages/static/css/images.css b/themes/ravages/static/css/images.css
index 9f63933..8c7bd74 100644
--- a/themes/ravages/static/css/images.css
+++ b/themes/ravages/static/css/images.css
@@ -24,3 +24,11 @@ img {
 .page-images img{
   float: right
 }
+
+
+@media (max-width: 900px) {
+  .small-images img {
+    width: 100%;
+    padding: 1em 0 1em 0;
+  }
+}
diff --git a/themes/ravages/static/css/main.css b/themes/ravages/static/css/main.css
index 69dc61e..aae4c30 100644
--- a/themes/ravages/static/css/main.css
+++ b/themes/ravages/static/css/main.css
@@ -86,6 +86,10 @@ nav a:hover {
   color: var(--main-color)
 }
 
+.footnote-ref {
+  color: var(--main-color)
+}
+
 footer {
   padding: 50px;
 }
@@ -98,6 +102,11 @@ footer {
 
   #content {
     max-width: 100%;
+    text-align: left;
+  }
+
+  h2 {
+    font-size: 1.7em;
   }
 
   nav {
@@ -108,6 +117,8 @@ footer {
 
   nav a {
     color: black;
+    text-decoration: underline;
+    text-decoration-style: dotted;
   }
 
   nav li {