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

themes/tse/assets/css/responsiveness.scss

@@ -38,7 +38,7 @@
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     min-height: 240px;
-    padding: 15% 0;
+    // padding: 15% 0;
     height: 100%;
     margin-bottom: 0rem;
   }
@@ -105,8 +105,7 @@
   .inner,
   .pagination {
     width: auto;
-    margin-left: 16px;
-    margin-right: 16px;
+
   }
 
   .post {
@@ -118,7 +117,7 @@
   }
 
   #site-head {
-    padding: 10% 0;
+    // padding: 1.5rem;
     height: 65%;
   }
 
@@ -128,6 +127,7 @@
 
   a.btn {
     margin-top: 10px;
+    font-size: 1.1rem;
   }
 
   .blog-title {
@@ -164,4 +164,22 @@
   .site-footer {
     font-size: 1.1rem;
   }
+  #top-banner {
+    flex-direction: column;
+    display: flex;
+  }
+
+  #site-languages{
+    align-self: end;
+    padding-right: 1rem;
+  }
+  #site-menu{
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+  }
+
+  #site-head #site-languages .btn-lang, #site-head.withCenteredImage #site-languages .btn-lang{
+    margin: 1rem .3rem;
+  }
 }