diff --git a/public/responsive.css b/public/responsive.css
new file mode 100644
index 0000000..80ba826
--- /dev/null
+++ b/public/responsive.css
@@ -0,0 +1,75 @@
+/*
+<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
+@media tv and (min-width: 700px) and (orientation: landscape) { ... }
+*/
+
+html, body {
+  font-size: 10pt;
+  margin: 0;
+  padding: 0;
+}
+
+#tutorial {
+  border-radius: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: 0;
+  border-width: 0;
+  padding: 0;
+}
+
+#tutorial > iframe {
+  border-radius: 0;
+}
+
+#top {
+  padding: 0 0 0 0;
+  height: 80px;
+}
+
+#top h1 {
+  margin: 5px;
+  height: 30px;
+  width: 80px;
+  background-size: 98% auto;
+}
+
+#sidebar {
+  margin-left: -260px;
+}
+
+#search {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+form {
+  margin-left: 0px;
+}
+
+#ql-field {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-left: 100px;
+}
+
+#q-field {
+  width: 100%;
+}
+
+#button-right {
+  top: 7px;
+  right: 7px;
+}
+
+/* Temporary */
+#top form button {
+  display: none;
+}
+
+#pagination {
+  width: 100%;
+  right: auto;
+  margin: 0 auto;
+}
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
index bbb41f3..31cbf45 100644
--- a/public/style.css
+++ b/public/style.css
@@ -19,6 +19,12 @@
   padding-left: 30px;
 }
 
+#q-field {
+  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
+  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
+  box-sizing: border-box;         /* Opera/IE 8+ */
+}
+
 #button-right {
   position: absolute;
   right: 15px;
@@ -278,3 +284,7 @@
 h1 span {
     margin-left: -3000px;
 }
+
+main {
+  padding: 20px;
+}
\ No newline at end of file