diff --git a/base.css b/base.css
index 26e6769..096ccf1 100644
--- a/base.css
+++ b/base.css
@@ -115,30 +115,31 @@ main{
     background-color: transparent;
     box-sizing: inherit;
 }
-.item-table-full, .item-table-240{
+.item-table-full, .item-table-360{
     border-style: solid;
     border-width: 1px;
     background-color: transparent;
-    vertical-align: top;
     box-sizing: inherit;
 }
 .item-table-full{
     display: table-cell;
+    vertical-align: top;
     width: 100%;
 }
-.item-table-240{
+.item-table-360{
     display: none;
 }
-@media (min-width: 320px){
+@media (min-width: 360px){
     .main-table > div > div > div{
         margin: 5px;
     }
-    .item-table-240{
+    .item-table-360{
         display: table-cell;
-        width: 240px;
+        vertical-align: middle;
+        width: 360px;
     }
 }
-@media (min-width: 480px){
+@media (min-width: 570px){
     .nav{
         max-height: none;
         top: 0;
diff --git a/index.go.html b/index.go.html
index 5d0808b..30ba6c4 100644
--- a/index.go.html
+++ b/index.go.html
@@ -35,7 +35,7 @@
                         <div class="item-table-full">
                             <div class="centered padded-2px"><h1>{{ .Data.About.Title }}</h1></div>
                         </div>
-                        <div class="item-table-240">
+                        <div class="item-table-360">
                             <div class="centered padded-2px"><h4>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h4></div>
                         </div>
                     </div>
@@ -43,8 +43,8 @@
                         <div class="item-table-full">
                             <div class="padded-2px">{{ .Data.About.GetContent }}</div>
                         </div>
-                        <div class="item-table-240">
-                            <div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a></div>
+                        <div class="item-table-360">
+                            <div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="360px"></a></div>
                         </div>
                     </div>
                 </div>
@@ -60,16 +60,20 @@
                         <div class="item-table-full">
                             <div class="centered padded-2px"><h1>{{ .Name }}</h1></div>
                         </div>
-                        <div class="item-table-240">
+                        <div class="item-table-360">
+                            {{ if eq .GetStartDate .GetEndDate }}
+                            <div class="centered padded-2px"><h4>{{ .GetStartDate }}</h4></div>
+                            {{ else }}
                             <div class="centered padded-2px"><h4>{{ .GetStartDate }} - {{ .GetEndDate }}</h4></div>
+                            {{ end }}
                         </div>
                     </div>
                     <div>
                         <div class="item-table-full">
                             <div class="padded-2px">{{ .GetContent }}</div>
                         </div>
-                        <div class="item-table-240">
-                            <div><video controls="" width="240">
+                        <div class="item-table-360">
+                            <div><video controls="" width="360">
                                 <source src="{{ .VideoLocation }}" type="{{ .VideoContentType }}">
                             </video></div>
                         </div>
diff --git a/pageHandler/pages/index/entry.go b/pageHandler/pages/index/entry.go
index e11b9a1..8104f86 100644
--- a/pageHandler/pages/index/entry.go
+++ b/pageHandler/pages/index/entry.go
@@ -6,7 +6,7 @@ import (
 	"time"
 )
 
-const dateFormat = "2006-01"
+const dateFormat = "01-2006"
 
 type EntryYaml struct {
 	Name               string        `yaml:"name"`