thatll do

resume.md-main/resume.css

@@ -5,15 +5,43 @@ body {
     line-height: 1.2;
     margin: 40px 0;
 }
-#resume {
-    margin: 0 auto;
-    max-width: 800px;
-    padding: 40px 60px;
+#resume, footer {
     background: #FFFFFF;
     border: 1px solid #CCCCCC;
     box-shadow: 2px 2px 4px #AAAAAA;
     -webkit-box-shadow: 2px 2px 4px #AAAAAA;
 }
+#social > a {
+    display: block;
+    max-width: 2em;
+}
+#social {
+    padding: 20px 30px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+#social a, #social a:link, #social a:visited {
+    color: #000;
+    text-decoration: underline;
+}
+#social a {
+    margin: 0 1em 0 0;
+}
+#social a:hover {
+    color: #444;
+    text-decoration: underline;
+}
+#resume {
+    max-width: 800px;
+    padding: 40px 60px;
+}
+footer {
+    max-width: 925px;
+}
+#resume, footer {
+    margin: 0 auto;
+}
 h1 {
     text-transform: uppercase;
     text-align: center;
@@ -75,6 +103,24 @@ h1 + ul > li:last-child:after {
 h1 + ul + p {
     margin: 1em 0;
 }
+footer {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+footer > div {
+    flex: 2;
+    min-width: 20em;
+}
+#thanks {
+    flex: 1;
+    text-align: center; 
+    font-style: italic; 
+    opacity: 75%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+ }
 @media print {
     body {
         font-size: 12pt;