Almost Ready

css/style.css

@@ -30,28 +30,49 @@ a {
 Main components 
 
 -------------------------------- */
-header {
+
+
+/*header {
+  width: 90%;
   position: relative;
-  height: 160px;
-  line-height: 180px;
+  margin-top:20px;
+  height: 80px;
+  line-height: 40px;
   text-align: center;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+}*/
+
+.header {
+  width: 90%;
+  max-width: 960px;
+  margin: 2em auto;
+  height: 80px;
 }
-header h1 {
-  font-size: 20px;
-  font-size: 1.25rem;
+.header img {
+  float: left;
+  height: 60px;
+  background: #555;
 }
-@media only screen and (min-width: 768px) {
+
+.header h1 {
+  position: relative;
+  top: 4px;
+  text-align: center;
+  left: 10px;
+  font-size: 24px;
+  font-size: 1.425rem;
+}
+/*@media only screen and (min-width: 68px) {
   header {
-    height: 200px;
+    height: 100px;
     line-height: 225px;
   }
   header h1 {
-    font-size: 26px;
-    font-size: 1.625rem;
+    font-size: 20px;
+    font-size: 1.25rem;
   }
-}
+}*/
 
 .cd-tabs {
   position: relative;
@@ -98,7 +119,7 @@ header h1 {
   background: #f8f7ee;
   box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
 }
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 68px) {
   .cd-tabs::after {
     display: none;
   }
@@ -111,7 +132,7 @@ header h1 {
     z-index: 1;
   }
 }
-@media only screen and (min-width: 960px) {
+@media only screen and (min-width: 9960px) {
   .cd-tabs nav {
     position: relative;
     float: none;
@@ -166,43 +187,43 @@ header h1 {
   background-image: url("../img/vicons.svg");
   background-repeat: no-repeat;
 }
-.cd-tabs-navigation a[data-content='inbox']::before {
+.cd-tabs-navigation a[data-content='home']::before {
   background-position: 0 0;
 }
-.cd-tabs-navigation a[data-content='new']::before {
+.cd-tabs-navigation a[data-content='cfp']::before {
   background-position: -20px 0;
 }
-.cd-tabs-navigation a[data-content='gallery']::before {
+.cd-tabs-navigation a[data-content='submission']::before {
   background-position: -40px 0;
 }
-.cd-tabs-navigation a[data-content='store']::before {
+.cd-tabs-navigation a[data-content='cr-submission']::before {
   background-position: -60px 0;
 }
-.cd-tabs-navigation a[data-content='settings']::before {
+.cd-tabs-navigation a[data-content='finalprogram']::before {
   background-position: -80px 0;
 }
-.cd-tabs-navigation a[data-content='trash']::before {
-  background-position: -100px 0;
+.cd-tabs-navigation a[data-content='contact']::before {
+  background-position: -120px 0;
 }
-.cd-tabs-navigation a[data-content='inbox'].selected::before {
+.cd-tabs-navigation a[data-content='home'].selected::before {
   background-position: 0 -20px;
 }
-.cd-tabs-navigation a[data-content='new'].selected::before {
+.cd-tabs-navigation a[data-content='cfp'].selected::before {
   background-position: -20px -20px;
 }
-.cd-tabs-navigation a[data-content='gallery'].selected::before {
+.cd-tabs-navigation a[data-content='submission'].selected::before {
   background-position: -40px -20px;
 }
-.cd-tabs-navigation a[data-content='store'].selected::before {
+.cd-tabs-navigation a[data-content='cr-submission'].selected::before {
   background-position: -60px -20px;
 }
-.cd-tabs-navigation a[data-content='settings'].selected::before {
+.cd-tabs-navigation a[data-content='finalprogram'].selected::before {
   background-position: -80px -20px;
 }
-.cd-tabs-navigation a[data-content='trash'].selected::before {
-  background-position: -100px -20px;
+.cd-tabs-navigation a[data-content='contact'].selected::before {
+  background-position: -120px -20px;
 }
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 68px) {
   .cd-tabs-navigation {
     /* move the nav to the left on medium sized devices */
     width: 80px;
@@ -220,7 +241,8 @@ header h1 {
     top: 22px;
   }
 }
-@media only screen and (min-width: 960px) {
+/*Hack, I need to change this, I don't need the contdition*/
+@media only screen and (min-width: 9960px) {
   .cd-tabs-navigation {
     /* tabbed on top on big devices */
     width: auto;
@@ -249,6 +271,8 @@ header h1 {
 
 .cd-tabs-content {
   background: #ffffff;
+  min-height: 480px;
+  padding: 2em 2em 2em 7em;
 }
 .cd-tabs-content li {
   display: none;
@@ -261,13 +285,23 @@ header h1 {
   animation: cd-fade-in 0.5s;
 }
 .cd-tabs-content li p {
-  font-size: 14px;
-  font-size: 0.875rem;
-  line-height: 1.6;
-  color: #8493bf;
-  margin-bottom: 2em;
+  /*font-size: 16px;
+  /*font-size: 0.875rem;
+  line-height: 1.6;*/
+  color: #404040;
+  margin-bottom: 1em;
+}
+.cd-tabs-content li h3 {
+  /*font-size: 16px;
+  /*font-size: 0.875rem;
+  line-height: 1.6;*/
+  font-weight:900;
+  color: #404040;
+  margin-bottom: 1em;
 }
-@media only screen and (min-width: 768px) {
+
+
+/*@media only screen and (min-width: 68px) {
   .cd-tabs-content {
     min-height: 480px;
   }
@@ -275,7 +309,7 @@ header h1 {
     padding: 2em 2em 2em 7em;
   }
 }
-@media only screen and (min-width: 960px) {
+@media only screen and (min-width: 9960px) {
   .cd-tabs-content {
     min-height: 0;
   }
@@ -286,7 +320,7 @@ header h1 {
     font-size: 16px;
     font-size: 1rem;
   }
-}
+}*/
 
 @-webkit-keyframes cd-fade-in {
   0% {