diff --git a/css/custom.css b/css/custom.css
new file mode 100644
index 0000000..390d596
--- /dev/null
+++ b/css/custom.css
@@ -0,0 +1,6 @@
+.centered {
+	text-align:center;
+}
+.down {
+	vertical-align:text-bottom;
+}
diff --git a/img/library.jpg b/img/library.jpg
deleted file mode 100644
index ae0c3ea..0000000
Binary files a/img/library.jpg and /dev/null differ
diff --git a/templates/header.html b/templates/header.html
index 428bb5a..093de9b 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -5,10 +5,7 @@
 	<link href="/css/bootstrap.min.css" rel="stylesheet">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link href="/css/bootstrap-responsive.min.css" rel="stylesheet">
-	<style type="text/css">
-		.centered { text-align:center; }
-		.down { vertical-align:text-bottom; }
-	</style>
+	<link href="/css/custom.css" rel="stylesheet">
 	<title>Imperial Library of Trantor</title>
 	<script src="/js/jquery.js"></script>
 </head>