update letter

css/main.css

@@ -228,32 +228,22 @@ footer {
     width: 100vw;
     min-height: 100vh;
     z-index: 1;
-    background-color: #616161;
-    /*background-image: url('../img/bg.jpg');
-    background-size: cover;
-    background-position-x: center;
-    background-position-y: center;
-    background-repeat: no-repeat;
-    */
+    background-color: rgba(0, 0, 0, 0.5);
 }
 
-/*#wrapper:before {
+#wrapper:before {
     position: absolute;
     height: 100vh;
     width: 100vw;
     top: 0vh;
     content: '';
     display: block;
-    background-image: url('../img/bg.jpg');
-    background-size: cover;
-    background-position-x: center;
-    background-position-y: center;
-    background-repeat: no-repeat;
-}*/
+}
 
 section {
     width: 100vw;
     height: 100vh;
+    display: flex;
 }
 
 #intro > h1 {
@@ -268,7 +258,12 @@ section {
     display: inline-block;
 }
 
-#intro > span, #intro > p {
+#logo {
+    display: inline-block;
+    text-align: center;
+}
+
+#letter {
     width: calc(100% - 1em);
     padding: 0 0.5em;
     font-size: 1.2em;

index.html

@@ -37,7 +37,10 @@
     <div id="wrapper" class="fluid">
         <section id="about">
             <div id="intro" class="fluid">
-                <span id="letter">
+                <div id="logo">
+                    <img src="img/logo.png" alt="TJSGA Logo" />
+                </div>
+                <div id="letter">
                     <p>
                         Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government Association's new home on the web! As you know, TJ is going through some very exciting times, and we want you to be a part of it with us.
                     </p>
@@ -55,7 +58,7 @@
                     Tim Cho<br /> 
                     SGA President 2016-17
                     </p>
-                </span>
+                </div>
             </div>
         </section>
         <!--<section id="photos">