improve footer

estils.css

@@ -120,10 +120,41 @@ a:hover{
 
 footer{
     padding: 30px 16px 30px 16px;
-    background-color: #3c3c3b;
+    background-color: black;
     color: #f5f0ed;
+
+    position: fixed;
+    z-index: 100; 
+    bottom: 0; 
+    left: 0;
+    width: 100%;
 }
 
+.column {
+    float: left;
+    width: 33.33%;
+}
+
+#col1 {
+    text-align: left;
+}
+
+#col2 {
+
+}
+
+#col3 {
+    text-align: right;
+    padding-right: 100px;
+}
+
+/* Clear floats after the columns */
+/* .row:after {
+    content: "";
+    display: table;
+    clear: both;
+} */
+
 /* .header{
     max-height: 405px;
     padding: 16px; */
@@ -200,6 +231,12 @@ footer{
     width: 100%
 }
 
+@media screen and (max-width: 600px) {
+    .column {
+      width: 100%;
+    }
+  }
+
 /*MediaQueries*/
 @media screen and (max-width:600px){
     .js .navegacion{

index.html

@@ -19,12 +19,24 @@
         <img class="logo" src="header_kinnikustudios_logo_black.svg" alt="Kinniku Studios Logo">
         <h3 id="languageShortname">EN</h3>
     </div>
+    
     <div class="imatge_centrada">
         <img id="comingSoonImg" src="ComingSoon.png" alt="TankTop Coming Soon">
     </div>
     <footer>
-        <p id="frase1">Septiembre 2015</p>
-        <p id="frase2">Todos los derechos reservados</p>
+        <div class="column" id="col1">Visit other <b>Kinniku Studios</b> channels</div>
+        <!-- <div class="column" id="col2"><img height="64" width="64" src="twitter_logo.svg"></div> -->
+        <div class="column" id="col2">
+            <a xlink:href="https://twitter.com/KinnikuStudios" target="__blank">
+                <svg xmlns="http://www.w3.org/2000/svg" height="30" width="30" viewBox="0 0 512 512"><style>svg{fill:#ffffff}</style>
+                    <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/>
+                </svg>
+            </a>
+            </div>
+        <!--  -->
+        <div class="column" id="col3">Contact us: <b>info@kinnikustudios.com</b></div>
+        <!-- <p id="frase1">Septiembre 2015</p>
+        <p id="frase2">Todos los derechos reservados</p> -->
     </footer>
     <!-- <script src="javascript.js"></script> -->
 </body>