diff --git a/public/css/layout.css b/public/css/layout.css
index 2109ba4..7dfb4d3 100644
--- a/public/css/layout.css
+++ b/public/css/layout.css
@@ -1,13 +1,13 @@
 /***color definitions***/
 :root{
     /***light/dark determined from here: https://www.hexcolortool.com/ - convert css to sass files at later date and use built in tools***/
-    --transparent: #0000;
+    --transparent: rgb(253, 252, 252);
     --primary-bg: #241224aa;/*light blue*/
     --primary-bg-offset: #120612aa;/*20% darker*/
     --primary-bg-dark: #120612aa;/*10% darker*/
     --secondary-bg: #122412aa;/*10% lighter*/
     --secondary-bg-opaque: #122412;/*10% lighter*/
-    --primary-font: #aaf;/*white*/
+    --primary-font: #fcf9f9;/*white*/
     --primary-highlight: #0000df;/*red*/
     --primary-highlight-dark: #000064;/*20% darker*/
     --secondary-highlight: #f80049;/*orange*/
@@ -66,9 +66,10 @@ header {
     top: 10px;
 }
 
-#banner_text{
-    font-size:10vw;
-    color: var(--primary-highlight-dark);
+#banner_text{("/images/banner5.png");
+    height:20%;
+    ***font-size:10vw;
+    color: var(--primary-highlight-dark);***
 }
 
 /***this is placement/style for the right menu***/
diff --git a/public/images/banner5.png b/public/images/banner5.png
new file mode 100644
index 0000000..adff767
Binary files /dev/null and b/public/images/banner5.png differ