diff --git a/about.html b/about.html
index 4e801ac..4e9d5ff 100644
--- a/about.html
+++ b/about.html
@@ -39,11 +39,10 @@ orgs: ["officers", "excomm", "senators", "sponsors"]
                 </div>
                 <div class="{{ org.username }}-text">
                     {% assign year = member.year | downcase %}
-                    <span>{{ member.first }} {{ member.last }} 
-                        {% if name != "sponsors" %}
-                            '{{ year | slice: 2, 3 }}
-                        {% endif %}
-                    </span>
+                    <span>{{ member.first }} {{ member.last }}</span>
+                    {% if name != "sponsors" %}
+                    <span>'{{ year | slice: 2, 3 }}</span>
+                    {% endif %}
                     {% if name != "officers" %}
                     <span>{{ member.title }}</span>
                     {% endif %}
diff --git a/css/header.css b/css/header.css
index f0169cd..1411b7d 100644
--- a/css/header.css
+++ b/css/header.css
@@ -17,7 +17,7 @@ header {
 #banner h1 {
     display: table-cell;
     vertical-align: middle;
-    font-size: 3em;
+    font-size: 2.5em;
     font-weight: bold;
     overflow: hidden;
 }
@@ -126,4 +126,4 @@ button.menu-item:active {
     background-repeat: no-repeat;
     background-attachment: fixed;
     z-index: -2;
-}
\ No newline at end of file
+}
diff --git a/css/responsive.css b/css/responsive.css
index a49a63b..a1ddec4 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -5,9 +5,6 @@
     #dome {
         display: none;
     }
-    #banner>h1 {
-        display: none;
-    }
     #wrapper {
         min-height: calc(100vh - 90px - 2.75em);
     }
@@ -28,10 +25,15 @@
         overflow: hidden;
     }
 }
+@media screen and (max-width: 700px) {
+    #banner > h1 {
+        display: none;
+    }
+}
 
 @media screen and (max-width: 1150px) {
     #dome:after {
-        background-position-y: 5vh;
+        background-position-y: 1vh;
         background-size: 100%;
     }
     #banner {
@@ -50,7 +52,6 @@
         left: 48px;
         width: calc(100% - 48px);
         height: 100%;
-        font-size: 200%;
         overflow: hidden;
     }
     #menu>a {
@@ -113,9 +114,12 @@
     section {
         max-width: 750px;
     }
+    #banner > h1 {
+        font-size: 40px;
+    }
 }
 
-@media screen and (min-width: 1100px) {
+@media screen and (min-width: 1150px) {
     #intro-text,
     #intro-image,
     .list,
@@ -129,6 +133,9 @@
     .list>ul {
         font-size: 1.3em;
     }
+    #dome:after {
+        background-position-y: 10vh;
+    }
     /*.officers-intro, .excomm-intro, .senator-intro, .sponsor-intro {
         flex-basis: calc(35% - 4vw);
     }*/
diff --git a/img/DSC09503.jpg b/img/DSC09503.jpg
new file mode 100644
index 0000000..f91893b
Binary files /dev/null and b/img/DSC09503.jpg differ
diff --git a/img/bg.jpg b/img/bg.jpg
index 70c7e11..bdac376 100644
Binary files a/img/bg.jpg and b/img/bg.jpg differ
diff --git a/img/dome-original.png b/img/dome-original.png
new file mode 100644
index 0000000..005a1c3
Binary files /dev/null and b/img/dome-original.png differ
diff --git a/img/group.jpg b/img/group.jpg
index 445d55b..578d0df 100644
Binary files a/img/group.jpg and b/img/group.jpg differ
diff --git a/img/web-image.sh b/img/web-image.sh
new file mode 100755
index 0000000..cd2bc41
--- /dev/null
+++ b/img/web-image.sh
@@ -0,0 +1,2 @@
+#!/bin/sh
+convert  -sampling-factor 4:2:0 -strip -quality 60 -interlace JPEG -colorspace RGB