improved floating of title in experience.css

css/contact.css

@@ -46,3 +46,10 @@
 #section5 {
     height: 50%;
 }
+
+/* Screen smaller than 600px -- general small width screens */
+@media screen and (max-width: 1200px) {
+    #section5 {
+        height: 100%;
+    }
+}

css/experience.css

@@ -92,26 +92,31 @@
     }
 
     .tab {
-        display: inline-block;
+        display: inline;
         width: auto;
         /*float: left;*/
         margin: 2px;
         border: 0.5mm solid hsla(0, 100%, 50%, 0);
         padding: 2px 2px 2px 0;
         clear: none;
-        margin-bottom: 70px;
+        margin-bottom: 20px;
     }
 
     #tab1 + .tab {
         margin-left: 15px;
     }
 
+    #tab4 + .tab {
+        float: none;
+        display: block;
+    }
+
     .content {
         position: static;
         display: block;
         float: none;
         width: auto;
-        height: 450px;
+        height: 350px;
     }
 
     .ratiobtn:checked + .tab {