updates

themes/default/static/css/theme.css

@@ -3,38 +3,29 @@ body {
     "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
+
 .top_header {
     position: relative;
-    height: 200px;
+    height: 150px;
     background: rgb(70, 70, 124);
-    background-image: url("{{ parent_path }}static/images/header.jpg");
-    background-size: cover;
-    background-position: center;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
+    overflow: hidden;
+    object-fit: cover;
 }
 
+
 .top_header_text {
     position: absolute;
-    bottom: 10px;
-    left: 10px;        
-    color: white;
+    bottom: 0;
+    left: 0;        
+    color: rgba(255,255,255,0.75);
     font-weight: bold;
-    font-size: 2.5rem;
-    background: rgba(0, 0, 0, 0.05);
-    border-radius: 5px;
-    padding: 10px 20px;
-    border-radius: 10px;
+    font-size: 1em;
+    line-height: 2em;
+    background: rgba(0, 0, 0, 0.85);
+    width: 100%;
+    text-decoration: none;
 }
-/*
-@media (min-width: 768px) {
-.top_header_text {
-    font-size: 4rem;
-}
-}
-*/
+
 article {
     font-size: 1.1rem;
     line-height: 1.6;