diff --git a/index.qmd b/index.qmd
index 7c08651..44c701e 100644
--- a/index.qmd
+++ b/index.qmd
@@ -1,9 +1,12 @@
 ---
-title: "Research Bazaar–Arizona"
+title: "Research Bazaar Arizona"
+subtitle: "Community · Skills Sharing · Digital Literacy"
 page-layout: full
 css: styles/index.css
 execute:
   echo: false
+title-block-banner: 'images/mainPageBackground.jpg'
+title-block-banner-color: white
 ---
 
 ```{ojs}
diff --git a/styles/index.css b/styles/index.css
index b67d299..ae26f77 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,21 +1,15 @@
-.hero-wrapper {
-  position: relative;
-  padding-bottom: 4em;
+.quarto-title-banner {
+  height: 50vw;
+  text-align: center;
 }
-
-.hero-image {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  overflow: hidden;
-  background-image: linear-gradient(#1b3442b6, #00000000),
-    url('/static/img/mainPageBackground.jpg');
-  background-position: center center;
-  background-repeat: none;
-  background-size: cover;
-  z-index: -1;
+.quarto-title {
+  margin: auto;
+}
+.quarto-title .title {
+  font-size: calc(3rem + 1vw);
+}
+.quarto-title .subtitle {
+  font-weight: 400;
 }
 
 .split-section {