diff --git a/content/search.erb b/content/search.erb
index f5ab388..1a92bad 100644
--- a/content/search.erb
+++ b/content/search.erb
@@ -1,23 +1,23 @@
-<div class="header-top">
-  <a href="/">
-    <img id="logo" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
-  </a>
-  <div id="logos">
-    <a href="https://github.com/ZeusWPI" target="_blank">
-      <i class="logo-link fa fa-github fa-3x"></i>
-    </a>
-    <a href="https://www.facebook.com/zeus.wpi/" target="_blank">
-      <i class="logo-link fa fa-facebook fa-3x"></i>
-    </a>
-    <a href="#" target="_blank">
-      <i class="logo-link fa fa-rss fa-3x"></i>
-    </a>
-  </div>
-</div>
-<%= render '/partials/_navbar.*' %>
 <div class="pure-g">
-  <div class="pure-u-1-24"></div>
-  <div class="pure-u-11-12">
+  <div class="pure-u-xl-1-5 pure-u-lg-1-6 pure-u-md-1-8 pure-u-sm-1-12 pure-u-1-24"></div>
+  <div id="container" class="pure-u-xl-3-5 pure-u-lg-2-3 pure-u-md-3-4 pure-u-sm-5-6 pure-u-11-12">
+    <div class="header-top">
+      <a href="/">
+        <img id="logo" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
+      </a>
+      <div id="logos">
+        <a href="https://github.com/ZeusWPI" target="_blank">
+          <i class="logo-link fa fa-github fa-3x"></i>
+        </a>
+        <a href="https://www.facebook.com/zeus.wpi/" target="_blank">
+          <i class="logo-link fa fa-facebook fa-3x"></i>
+        </a>
+        <a href="#" target="_blank">
+          <i class="logo-link fa fa-rss fa-3x"></i>
+        </a>
+      </div>
+    </div>
+    <%= render '/partials/_navbar.*' %>
     <form action="?" method="get">
       <input type="text" name="q" id="tipue_search_input" autocomplete="off" required>
     </form>