Rebranding and slight changes

css/responsive.css

@@ -82,7 +82,7 @@
 
 @media screen and (max-width: 640px) {
     .brand {
-        padding: 0 5px;
+        padding: 0;
     }
     .brand h1 {
         font-size: 32px;
@@ -104,9 +104,12 @@
     }
     .about {
         margin-top: 10px;
+        width: 100%;
+        border-radius: 0;
     }
     .tabs {
         padding: 2px 10px 0 10px;
+        border-radius: 0;
     }
     .tabs a {
         font-size: 12px;
@@ -148,15 +151,12 @@
 }
 
 @media screen and (max-height: 450px) {
-    .h-on {
+    .h-on, .logo, h1  {
         display: none;
     }
     .about {
         margin-top: 10px;
     }
-    .logo {
-        display: none;
-    }
 }
 
 /*Resolution Support*/

index.html

@@ -22,7 +22,7 @@
     <div id="page" class="page flex column">
         <div class="branding flex row float">
             <div class="brand flex column justify-center">
-                <h1 class="slide-top flex column">RedXen Community</h1>
+                <h1 class="slide-top flex column h-hide">RedXen Community</h1>
                 <div class="slide-left flex column">
                     <p class="h-hide">The community that empowers gamers</p>
                     <div class="h-hide links flex">