.

base.css

@@ -140,11 +140,47 @@ main{
     box-sizing: content-box;
     background-color: transparent;
 }
+.flex-col{
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -moz-box-direction: normal;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-align-content: center;
+    align-content: center;
+    width: 100%;
+}
 .item-table > div{
     display: table-row;
     background-color: transparent;
     box-sizing: inherit;
 }
+.flex-row, .item-table > div{
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -moz-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -moz-box-direction: normal;
+    -webkit-flex-direction: row;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -ms-flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -webkit-justify-content: center;
+    justify-content: center;
+}
 .item-table > div > div > div{
     padding: 2px;
 }
@@ -206,40 +242,4 @@ main{
     .hmb{
         display: none;
     }
-}
-.flex-col{
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -moz-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -moz-box-direction: normal;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-align-content: center;
-    align-content: center;
-    width: 100%;
-}
-.flex-row{
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -moz-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -moz-box-direction: normal;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -ms-flex-wrap: wrap;
-    -webkit-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -webkit-justify-content: center;
-    justify-content: center;
 }

index.go.html

@@ -88,7 +88,7 @@
 <main class="main-box flex-col">
     <div>
         <div class="item-table flex-col">
-            <div class="flex-row">
+            <div>
                 <div class="item-table-full">
                     <div class="centered"><h1>{{ .Data.About.Title }}</h1></div>
                 </div>
@@ -96,7 +96,7 @@
                     <div class="centered"><h4>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h4></div>
                 </div>
             </div>
-            <div class="flex-row">
+            <div>
                 <div class="item-table-full">
                     <div class="content">{{ .Data.About.GetContent }}</div>
                 </div>
@@ -109,7 +109,7 @@
     {{ range .GetEntries }}
     <div>
         <div class="item-table flex-col">
-            <div class="flex-row">
+            <div>
                 <div class="item-table-full">
                     <div class="centered"><h1>{{ .Name }}</h1></div>
                 </div>
@@ -121,7 +121,7 @@
                     {{ end }}
                 </div>
             </div>
-            <div class="flex-row">
+            <div>
                 <div class="item-table-full">
                     <div class="content">{{ .GetContent }}</div>
                 </div>
@@ -139,7 +139,7 @@
                 </div>
             </div>
             {{ if not (eq .GetImageCount 0) }}
-            <div class="item-table-caption flex-row">
+            <div class="item-table-caption">
                 <div class="image-box flex-row">
                     {{ range .GetImages }}
                     <a href="{{ .ImageLocation }}"><img src="{{ .ThumbnailLocation }}" alt="{{ .ImageAltText }}" title="{{ .ImageAltText }}" width="240px"></a>