diff --git a/css/style.css b/css/style.css
index 88b305c..0f57bac 100644
--- a/css/style.css
+++ b/css/style.css
@@ -90,13 +90,14 @@ h5,
 h6 { font-family : "museo-slab-1","museo-slab-2", "Helvetica Neue", Helvetica, Arial; font-weight : 700; }
 
 h1 { margin-bottom : .5em; font-size : 3em; /* 48 / 16 = 3 */ line-height : 1.2; font-weight: 900; text-align: center; }
-h1:before { content: "\2731"; display: block; font-size: 3em; margin-top: 0; text-align: center; }
+h1:before { content: ''; display: block; height: 130px; font-size: 3em; margin-top: 0; text-align: center; 
+						background: url(../img/m/danbarberlogo.png) center center no-repeat; background-size: 95px; }
 
 h2 { margin-bottom : .75em; font-size : 2em; /* 36 / 16 = 2 */ line-height : 1.2; text-align: center; }
 
-h3 { margin-bottom : 1em; font-size : 1.5em; /* 24 / 16 = 1.5 */ line-height : 1.3; }
+h3 { text-transform: uppercase; margin-bottom : 1em; font-size : 1.5em; /* 24 / 16 = 1.5 */ line-height : 1.3; }
 
-h4 { font-family: "museo-sans-1","museo-sans-2", sans-serif; margin-bottom : 0.25em; font-size : 1.25em; /* 20 / 16 = 1.25 */ line-height : 1.25; font-weight: 500; }
+h4 { margin-bottom : 0.25em; font-size : 1.25em; /* 20 / 16 = 1.25 */ line-height : 1.25; font-weight: 500; }
 
 h5 { margin-bottom : 1.5em; font-size : 1em; /* 16 / 16 = 1 */ }
 
@@ -128,7 +129,7 @@ li ol {
 margin : 0;
 font-size : 1em; /* 16 / 16 = 1 */ }
 
-section { border-top: 2px solid black; padding-top: 1em; }
+section { border-top: 2px solid black; padding-top: 1em; margin-top: 0.5em; }
 
 section ul, section ol { list-style: none; }
 
@@ -424,7 +425,7 @@ page-break-after : avoid; }
 body { font-size: 1.05em; }
 /* 2.HEADINGS */
 h1 { margin-top: 0.5em; text-align: left; }
-h1:before { float: right; font-size: 2em; position: relative; top: -0.28em; text-align: right; margin-bottom: -0.5em; }
+h1:before { float: right; font-size: 2em; width: 130px; background-size: 50%; background-position: top center; position: relative; top: 0em; text-align: right; margin-bottom: -0.5em; }
 h2 { text-align: left; }
 /* 3.TYPOGRAPHY */
 /* 4.LINKS */
@@ -451,6 +452,7 @@ h2 { text-align: left; }
 body { font-size: 1.1em; }
 /* 2.HEADINGS */
 h1 { font-size: 5em; margin-bottom: 0.25em; }
+h1:before { background-size: 100%; background-position: top center; position: relative; top: 0em; }
 /* 3.TYPOGRAPHY */
 /* 4.LINKS */
 /* 5.FIGURES & IMAGES */
@@ -459,7 +461,10 @@ h1 { font-size: 5em; margin-bottom: 0.25em; }
 /* 8.BANNER */
 /* 9.NAVIGATION */
 /* 10.CONTENT */
-#skills { float: right; width: 30%; margin-left: 4em; }
+#experience { float: left;  width: 63%; }
+#skills     { float: right; width: 30%; margin-left: 7%; }
+#portfolio  { float: left;  width: 63%;}
+#interests  { float: right; width: 30%; margin-left: 7%; }
 /* 11.MAIN */
 /* 12.COMPLIMENTARY */
 /* 13.CONTENTINFO */
@@ -523,7 +528,7 @@ h1 { font-size: 5em; margin-bottom: 0.25em; }
 /* 1.ROOT */
 /* 2.HEADINGS */
 /* 3.TYPOGRAPHY */
-/* 4.LINKS */
+h1:before { background-image: url(../img/h/danbarberlogo.png); }/* 4.LINKS */
 /* 5.FIGURES & IMAGES */
 /* 6.TABLES */
 /* 7.FORMS */
diff --git a/img/h/danbarberlogo.png b/img/h/danbarberlogo.png
new file mode 100644
index 0000000..493771d
Binary files /dev/null and b/img/h/danbarberlogo.png differ
diff --git a/img/m/danbarberlogo.png b/img/m/danbarberlogo.png
new file mode 100644
index 0000000..eeebad2
Binary files /dev/null and b/img/m/danbarberlogo.png differ
diff --git a/index.html b/index.html
index 20e60fe..99fc4e8 100644
--- a/index.html
+++ b/index.html
@@ -92,7 +92,7 @@ URL: http://stuffandnonsense.co.uk/projects/320andup
             <p>Expert level.</p>
           </li>
           <li>
-            <h4>SQL/MySQL/PostgreSQL</h4>
+            <h4>SQL/&shy;MySQL/&shy;PostgreSQL</h4>
             <p>Excellent knowledge of SQL and configuration.</p>
           </li>
           <li>