diff --git a/static/archive.css b/static/archive.css
index fc542b4..47770ba 100644
--- a/static/archive.css
+++ b/static/archive.css
@@ -139,13 +139,14 @@ vertical-align:middle;
 h1 {
 	position: fixed;
 	right:0%;
-	top:5%;
+	bottom: 83%;
 	text-align: right;
 	background-color: rgba(11,239,235,0.7);
   color: #371F10;
 	padding: 3px 35px 3px 10px;
 	z-index: 10;
 	font-size: 28px;
+  max-width: 93%;
 }
 
 a, a:visited{
diff --git a/static/orgs.css b/static/orgs.css
index 7fd4f49..6950579 100644
--- a/static/orgs.css
+++ b/static/orgs.css
@@ -1,17 +1,17 @@
 
 #top {
-	padding-top: 20px;
+	padding-top: 25px;
 	padding-left: 50px;
 }
 
 body {
 	background-color: #F4EBE8;
 	font-family: Roboto Mono;
-	font-size:14px;
 }
 
 /* Organizations list */
 .collapsible{
+	font-size:14px;
 	padding-left: 70px;
     line-height: 1;
 	color: #371F10;
@@ -104,3 +104,4 @@ button.bottom span, button.top span {
 .scbt {
 	visibility: hidden;
 }
+
diff --git a/static/timeline.css b/static/timeline.css
index b1ae114..8c861b5 100644
--- a/static/timeline.css
+++ b/static/timeline.css
@@ -15,10 +15,7 @@ body{
 	font-size: 28px;
 }
 
-h1 {
-	font-family: Roboto Mono;
-	font-size: 40px;
-	color: #371F10;
+.eventdate {
 	margin-top: 1%;
 }
 
diff --git a/static/title.css b/static/title.css
index 3d1a208..e6d5b19 100644
--- a/static/title.css
+++ b/static/title.css
@@ -14,6 +14,7 @@ body {
     left: 7%;
     text-align: : center;
     z-index: 5;
+    padding-bottom: 5%;
 
 }
 
@@ -21,19 +22,21 @@ body {
   position: relative;
   text-align: center;
   z-index: 5;
+
 }
 
 .thumbborder {
   position: relative;
   max-width: 100%;
   max-height: 100%;
+
 }
 
 
 /*links*/
 
 a:link {
-  text-decoration: none;
+  text-decoration: ;
   color: #371F10;
 }
 
@@ -49,16 +52,16 @@ a:hover {
 
 
 h1 {
-  /*position: fixed;
+/*  position: fixed;
   right:0%;
-  top:5%;
+  bottom:83%;
   text-align: right;
   background-color: rgba(11,239,235,0.7);
   padding: 3px 35px 3px 10px;
-  z-index: 10;
-  font-size: 27px;
-  color: #371F10;*/
-  max-width: 90%;
+  z-index: 10;*/
+/*  font-size: ;*/
+/*  color: #371F10;
+  max-width: 90%;*/
 }
 
 h2{
@@ -123,7 +126,7 @@ h2{
     position: fixed;
    /* text-align: center;*/
     bottom: 0%;
-    right: 0%;
+    right: 1%;
     z-index: 9;
     width: 110px;
     height: 50px;
@@ -141,7 +144,7 @@ p {
 .btnov {
   position: fixed;
   display: inline;
-  right: 0px;
+  right: 20px;
   bottom:0px;
   border: none;
   width: 50px;
@@ -159,7 +162,7 @@ p {
 .btn {
   position: fixed;
   display: inline;
-  right: 60px;
+  right: 70px;
   bottom:0px;
   border: none;
   width: 50px;
@@ -241,15 +244,14 @@ p {
   text-align: left;
   opacity: 0.7;
   right:0%;
-
 }
 
 a.content:link {
   color:white;
 }
 
-.metadata_organization {
-  /*font-size: 14px;*/
+.metadata_topic, .metadata_format, .metadata_creator, .metadata_organization {
+  max-width: 95%;
 }
 
 .fbtn {
diff --git a/static/topicformat.css b/static/topicformat.css
index ebb15c7..5576c06 100644
--- a/static/topicformat.css
+++ b/static/topicformat.css
@@ -3,7 +3,7 @@ body {
     font-size: 18px;
 }
 
-.grid-container {
+/*.grid-container {
   	display: inline-grid;
   	grid-template-columns: repeat(3, 1fr);
   	grid-column-gap: 5px;
@@ -15,7 +15,7 @@ body {
 	  height: auto;
     margin-left: 120px;
     margin-right: 120px;
-  	text-align: : center;
+  	text-align: center;
   	z-index: 5;
 
 }
@@ -24,17 +24,47 @@ body {
 	position: relative;
 	text-align: left;
 	z-index: 5;
+}*/
+
+.grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-column-gap: 50px;
+    grid-row-gap: 100px;
+   /* grid-auto-flow: dense;*/
+    position: absolute;
+    top: 25%;
+    width: 90%;
+    height: auto;
+    left: 5%;
+    margin-left: 10px;
+    margin-right: 10px;
+    text-align: : center;
+    z-index: 5;
+    padding-bottom: 5%;
+
+}
+
+.grid-container > div {
+  position: relative;
+  text-align: center;
+  z-index: 5;
+}
+
+.thumbborder {
+    max-height: 100%;
+  position:relative;
+  display: inline-block;
+  max-width: 300px;
 }
 
+
 .img {
   display: inline-block;
   border-style:  hidden  hidden solid hidden;
   border-color: #0BEFEB;
   height: 500px;
 }
-.image {
-  width: 300px;
-}
 
 .title {
   display:block;
@@ -50,5 +80,6 @@ body {
   width: 300px;
   overflow-wrap: break-word;
   border-style: hidden;
+  text-align: left;
 }
 
diff --git a/templates/timeline.html b/templates/timeline.html
index 4efde72..14ed557 100644
--- a/templates/timeline.html
+++ b/templates/timeline.html
@@ -3,13 +3,14 @@
 <head>
     <meta charset="utf-8">
     <link rel="stylesheet" href="{{ staticpath }}/static/archive.css" />
+    <script type="text/javascript" src="{{ staticpath }}/static/archive.js"></script>
     <link rel="stylesheet" href="{{ staticpath }}/static/timeline.css" />
     <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
     <title>Timeline</title>
 </head>
 <body>
-    <div class="pagetitle">Timeline</div>
-    <div id="body">{{ body|safe }}</div>
+	<h1>Timeline</h1>    
+	<div id="body">{{ body|safe }}</div>
 
 </body>
 </html>
diff --git a/templates/title.html b/templates/title.html
index 5a28054..d707129 100644
--- a/templates/title.html
+++ b/templates/title.html
@@ -41,6 +41,8 @@ for (i = 0; i < coll.length; i++) {
   });
 }
 
+var links = document.querySelectorAll("*[title]");
+for (var i=0; i<links.length; i++) {   links[i].setAttribute("title", "");  }
 
 </script>
 </body>