diff --git a/base.css b/base.css
index 459d6de..44a7e5a 100644
--- a/base.css
+++ b/base.css
@@ -60,7 +60,7 @@ main{
     vertical-align: middle;
     font-size: 16px;
     text-align: left;
-    padding: 0 2px;
+    padding: 2px;
 }
 .so-pane > label{
     background-color: transparent;
@@ -217,6 +217,9 @@ main{
         border-width: 4px;
 	    margin: 10px;
     }
+    .small-only-row{
+        display: none !important;
+    }
 }
 @media (min-width: 640px){
     .nav{
diff --git a/index.go.html b/index.go.html
index c095f06..d27ef7a 100644
--- a/index.go.html
+++ b/index.go.html
@@ -96,6 +96,11 @@
                     <div class="centered"><h4>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h4></div>
                 </div>
             </div>
+            <div class="small-only-row">
+                <div class="item-table-full">
+                    <div class="centered"><h4>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h4></div>
+                </div>
+            </div>
             <div>
                 <div class="item-table-full">
                     <div class="content">{{ .Data.About.GetContent }}</div>
@@ -104,6 +109,11 @@
                     <div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="{{ .Data.About.ImageAltText }}" title="{{ .Data.About.ImageAltText }}" width="360px"></a></div>
                 </div>
             </div>
+            <div class="small-only-row">
+                <div class="item-table-full">
+                    <div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="{{ .Data.About.ImageAltText }}" title="{{ .Data.About.ImageAltText }}" width="360px"></a></div>
+                </div>
+            </div>
         </div>
     </div>
     {{ range .GetEntries }}