diff --git a/index.html b/index.html
index a3b607a..2b0909e 100644
--- a/index.html
+++ b/index.html
@@ -12,20 +12,20 @@
     <div class="title-bar window-border">
         <div class="title-bar-text">Guams - Home</div>
         <div class="title-bar-controls">
-            <button class="title-bar-button">
+            <button class="title-bar-button minimize-button">
                 <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
             </button>
-            <button class="title-bar-button">
+            <button class="title-bar-button maximize-button">
                 <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
             </button>
-            <button class="title-bar-button">
+            <button class="title-bar-button close-button">
                 <img alt="close button" src="/src/img/close.svg" aria-hidden="true">
             </button>
         </div>
     </div>
     <div class="window-border">
         <div class="banner-div window-border">
-            <img src="/src/img/banner_about.png">
+            <img id="banner" alt="profile banner" src="/src/img/banner_about.png">
         </div>
     </div>
     <div class="content window-border">
@@ -40,14 +40,14 @@
                 <div class="title-bar window-border">
                     <div class="title-bar-text">Changelog</div>
                     <div class="title-bar-controls">
-                        <button class="title-bar-button">
+                        <button class="title-bar-button minimize-button">
                             <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
                         </button>
-                        <button class="title-bar-button">
+                        <button class="title-bar-button maximize-button">
                             <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
                         </button>
                         <button class="title-bar-button">
-                            <img alt="close button" src="/src/img/close.svg" aria-hidden="true">
+                            <img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
                         </button>
                     </div>
                 </div>
diff --git a/src/img/button.png b/src/img/button.png
new file mode 100644
index 0000000..96952c0
Binary files /dev/null and b/src/img/button.png differ
diff --git a/src/style.css b/src/style.css
index 25c5be9..e53cfbe 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,6 +1,7 @@
 * {
     font-family: 'M PLUS 1p', sans-serif;
     /*font-family: ms ui gothic, sans-serif;*/
+    text-align: justify;
     margin: 0;
     font-size: 16px;
 }
@@ -12,6 +13,10 @@
     inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3;
 }
 
+h1 {
+    text-align: center;
+}
+
 .left-panel {
     width: 100%;
     display: flex;
@@ -165,5 +170,46 @@ h1 {
     width: 80%;
     padding: 7px;
     min-width: 70%;
-    text-align: center;
+}
+
+/* Responsive */
+
+@media (max-width: 850px) {
+    * {
+        font-size: 12px;
+    }
+
+    .presentation {
+        word-break: break-word;
+        padding: 0;
+    }
+
+    .minimize-button {
+        width: 0;
+        height: 0;
+        visibility: hidden;
+    }
+
+    .maximize-button {
+        height: 0;
+        width: 0;
+        visibility: hidden;
+    }
+
+    #banner {
+        width: 100%;
+        height: 100%;
+        object-fit: fill;
+    }
+
+    main {
+        width:100%;
+    }
+
+    .banner-div {
+        display: block;
+        max-width: 100%;
+        height: auto;
+        background: rgba(0, 0, 0, 0.5);
+    }
 }
\ No newline at end of file