Styling : adapting site-head section to mobile version + aligning site-head-content

themes/tse/assets/css/generic.css

@@ -4,40 +4,44 @@
  Hides stuff
  */
 .hidden {
-    text-indent: -9999px;
-    visibility: hidden;
-    display: none;
+  text-indent: -9999px;
+  visibility: hidden;
+  display: none;
 }
 
 /**
  Creates a responsive wrapper that makes our content scale nicely
  */
 .inner {
-    position: relative;
-    width: 80%;
-    max-width: 800px;
-    margin: 0 auto;
+  position: relative;
+  /* width: 80%; */
+  /* max-width: 800px; */
+  /* margin: 0 auto; */
 }
 
 /**
  Centres vertically yo. (IE8+)
  */
 .vertical {
-    display: table-cell;
-    vertical-align: middle;
+  /* display: table-cell;
+    vertical-align: middle; */
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
 }
 
 /**
  Floating tools
  */
 .left {
-    float: left;
+  float: left;
 }
 
 .right {
-    float: right;
+  float: right;
 }
 
 .clear {
-    clear: both;
-}
+  clear: both;
+}