1 files changed, 28 insertions, 8 deletions
diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css
index c4b74c19..ee54a31f 100755
--- a/StoneIsland/www/css/blogs.css
+++ b/StoneIsland/www/css/blogs.css
@@ -6,20 +6,23 @@
   margin: 15px 0 0;
   text-align: center;
   text-transform:uppercase;
-  display:flex;
+  display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
 }
 #story .links li {
+  display: block;
+  list-style-type: none;
+  font-size: 1rem;
+}
+#story .links li div {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 48px;
   padding: 0 15px;
-  list-style-type: none;
-  font-size: 1rem;
 }
 .accessible #story .links {
   flex-wrap: wrap;
@@ -166,6 +169,10 @@
   position:absolute;
   display:block;
 }
+.accessible .gallery-left,
+.accessible .gallery-right {
+  width: 48px;
+}
 
 @-webkit-keyframes gallery-fade {
   0%{opacity:0}
@@ -259,14 +266,25 @@ ul.links {
   width: 100%;
   pointer-events: none;
 }
-#archive .menu .items,
-#archive .row .image,
-#archive .row .text {
+#archive .menu .items {
   position: absolute;
   top: 50%; left: 50%;
   transform-origin: 50% 50%;
   transform: translateZ(0) translateX(-50%) translateY(-50%);
 }
+#archive .row .image {
+  position: absolute;
+  top: 10%; left: 50%;
+  transform-origin: 50% 50%;
+  transform: translateZ(0) translateX(-50%) translateY(0%);
+}
+#archive .row .text {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 80vh;
+  padding: 16px 0;
+}
 #archive .menu {
   position: fixed;
   display: none;
@@ -278,7 +296,8 @@ ul.links {
 .accessible #archive .row .image,
 .accessible #archive .row .text {
   position: relative;
-  top: auto; left: auto;
+  top: auto;
+  left: auto;
   transform: translateZ(0);
 }
 
@@ -338,6 +357,7 @@ ul.links {
 }
 #archive .row .image {
   width: 100%; height: 100%;
+  max-height: 80vh;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
@@ -348,7 +368,7 @@ ul.links {
   background-position: center center;
   background-image: url('../img/spinner.gif') !important;
 }
-#archive .row .text {
+#archive .row .text > div {
   width: 80%;
 }
 .accessible #archive .row .image {