diff --git a/templates/index.html.ep b/templates/index.html.ep
index 86ca47a..0f45dc6 100644
--- a/templates/index.html.ep
+++ b/templates/index.html.ep
@@ -3,14 +3,15 @@
   <head>
 	  <title>DeReKo-Word-Vector-Distances: <%= $word %></title>
     <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
+		<link href="https://fonts.googleapis.com/css?family=Lato|Roboto+Condensed" rel="stylesheet">
     <script src="http://code.jquery.com/jquery-latest.min.js"></script>
 		<script src = "https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
 		<script src = "https://cdn.datatables.net/fixedcolumns/3.2.3/js/dataTables.fixedColumns.min.js"></script>
 		<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
     <script
-				src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
-				integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
-				crossorigin="anonymous"></script>
+			src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
+					 integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
+					 crossorigin="anonymous"></script>
     <script>
      $('#firstable').hide();
 		 $(document).ready(function() {
@@ -164,10 +165,22 @@
 	  <script src="/derekovecs/js/labeler.js"></script>
     <style>
      body, input {
-	     font-family: Arial, sans-serif;
+	     font-family: Lato, sans-serif;
 	     font-size: 11pt;
      }
 
+		 h1,  h2, h3 {
+			 margin: 5px 10px 0 0;
+			 color: rgb(246,168,0);
+			 font-family: "Univers LT Std 47 Cn Lt", "Univers LT Std 67 Cn Lt", "Roboto Condensed", "Univers LT Std 67 Cn Bold", "UniversLTStd-BoldCn", "Times", 'League Gothic', Impact, sans-serif;
+			 font-weight: bold;
+			 line-height: 1.35;
+			 letter-spacing: normal;
+			 text-transform: uppercase;
+			 text-shadow: none;
+			 word-wrap: break-word; 
+		 }
+
 		 .tabs-left-vertical .ui-tabs-nav {
 			 position: absolute;
 			 width: 21em;