diff --git a/_includes/footer.html b/_includes/footer.html
index 8eb08ba..a6e5aec 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,7 @@
 		</div>
 		<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
 		<script src="{{ page.root }}static/script.js"></script>
+		<link rel="stylesheet" href="{{ page.root }}static/style.css">
+		<link rel="stylesheet" href="{{ page.root }}static/syntax.css">
 	</body>
 </html>
diff --git a/_includes/header.html b/_includes/header.html
index 83240fd..3966ff6 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -3,8 +3,7 @@
 	<head>
 		<title>{% if page.title != "Introduction" %}{{ page.title }} - {% endif %}Minetest Modding Book</title>
 		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-		<link rel="stylesheet" href="{{ page.root }}static/style.css">
-		<link rel="stylesheet" href="{{ page.root }}static/syntax.css">
+		<meta name="viewport" content="width=device-width">
 	</head>
 	<body>
 		<ul id="navbar">
diff --git a/static/style.css b/static/style.css
index 1524eae..b1acaa5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2,6 +2,7 @@ html, body {
 	font-family: "Arial", sans-serif;
 	margin: 0;
 	padding: 0;
+	font-size: 17px;
 	background: #333;
 }
 
@@ -127,6 +128,8 @@ code {
 	border: 1px solid #e0e0e0;
 	border-radius: 2px;
 	white-space: pre;
+	max-width: 95%;
+	overflow-x: scroll;
 }
 
 .header-link {
@@ -163,3 +166,21 @@ h3 {
 .toc > ul > li > ul > li > ul {
 	display: none;
 }
+
+@media all and (max-width: 780px) {
+	#navbar {
+		position: static;
+		margin: 0;
+		width: 100%;
+	}
+
+	#navbar li a {
+		padding: 10px;
+	}
+
+	#page {
+		position: static;
+		margin: 0;
+		padding-top: 20px;
+	}
+}
