diff --git a/src/web/static/styles/index.css b/src/web/static/styles/index.css
index cbfaf74..97e8b09 100644
--- a/src/web/static/styles/index.css
+++ b/src/web/static/styles/index.css
@@ -1,29 +1,57 @@
 body {
     background: #4F5574;
     color: white;
-    font-family: "Gotham Pro";
+    font-family: "Gotham Pro", sans-serif;
     font-weight: bold;
+    margin: 0;
+    padding: 0;
 }
 
 .banner {
     background: rgba(0, 0, 0, 0.39);
     border-radius: 3vh;
-    display: grid
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 2%;
+    max-width: 95vw;
+    margin: .5% auto;
 }
 
 .banner-img {
-    display: block;
-    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
 }
 
 .banner-img img {
-    width: 20%;
+    width: 100%;
+    max-width: 450px;
+    height: auto;
     margin: 1.5%;
 }
 
 .desc {
-    width: 50%;
+    width: 100%;
+    max-width: 600px;
     text-align: center;
     margin: 1% auto;
-    font-size: 2.3vh;
+    word-wrap: break-word;
+    padding: 0 2%;
+    box-sizing: border-box;
+    font-size: 16px;
+}
+
+@media (min-width: 768px) {
+    .desc {
+        font-size: 20px;
+    }
+}
+
+@media (min-width: 1200px) {
+    .desc {
+        font-size: 24px;
+    }
 }
\ No newline at end of file