diff --git a/css/responsive.css b/css/responsive.css
index a896d82..8089d2a 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -122,11 +122,15 @@
 }
 
 @media screen and (max-width: 330px) {
+    .logo,
+    .logo img {
+        height: 50px;
+    }
     .brand h1 {
         font-size: 24px;
     }
     .brand p {
-        font-size: 14px;
+        font-size: 16px;
     }
     .links a {
         font-size: 12px;
@@ -175,7 +179,7 @@
     margin: auto;
     padding: 10px;
     text-align: center;
-    font-size: 12px;
+    font-size: 16px;
     color: #eee;
 }
 
diff --git a/css/rules.css b/css/rules.css
index 1d357ae..4721add 100644
--- a/css/rules.css
+++ b/css/rules.css
@@ -21,9 +21,6 @@ a:hover {
 }
 
 .links {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
@@ -53,9 +50,6 @@ a:hover {
     background-color: #222;
     border-radius: 10px 10px 0 0;
     padding: 5px 10px 0 10px;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
 }
 
 .tabs a {
diff --git a/index.html b/index.html
index 09dc0f7..08109b2 100644
--- a/index.html
+++ b/index.html
@@ -21,9 +21,9 @@
         <div class="branding flex row float">
             <div class="brand flex column justify-center">
                 <h1 class="slide-top">RedXen Community</h1>
-                <div class="slide-left">
+                <div class="slide-left flex column">
                     <p class="h-hide">The community that empowers gamers</p>
-                    <div class="h-hide links">
+                    <div class="h-hide links flex">
                         <a id="abt-btn" href="#">About</a>
                         <a href="https://redxen.eu/discord">Discord</a>
                         <a href="https://sb.redxen.eu/">Sourcebans</a>
@@ -32,7 +32,7 @@
                         <a href="https://status.redxen.eu/">Status</a>
                     </div>
                     <div id="abt" class="slide-top hide about">
-                        <div class="tabs">
+                        <div class="tabs flex">
                             <a href="#" class="tab chosen" data-tab="tab-1">Staff</a>
                             <a href="#" class="tab" data-tab="tab-2">Servers</a>
                             <a href="#" class="tab" data-tab="tab-3">Discord</a>