First draft of new layout

static/ecogood.css

@@ -15,6 +15,19 @@ a {
 	margin: auto;
 }
 
+.heading-summary {
+    text-align: center;
+    background-color: #deffbc;
+    margin: auto;
+    width: auto;
+    margin-left: auto;
+    margin-right: auto;
+    width: 48rem;
+    padding: 0.5rem;
+    border: 1px solid #9ace3e;
+    border-radius: 0.25rem;
+}
+
 .epframe {
     margin: auto;
     max-width: 900px;
@@ -36,15 +49,15 @@ a {
     font-weight: bold;
     position: absolute;
     color: white;
-    bottom: 20%;
+    bottom: 33%;
     font-size: 1.35rem;
 }
 
-.eptexttool {
+.eptextdescription {
     width: 100%;
     position: absolute;
     color: white;
-    bottom: 8%;
+    top: 68%;
 }
 
 .epcolwiki {
@@ -63,7 +76,7 @@ a {
 }
 
 .epcolmaillist {
-    background-color: #99CC00;
+    background-color: #889e33;
     background-image: url(epmaillist.png);
 }
 
@@ -82,11 +95,20 @@ a {
     background-image: url(epcode.png);
 }
 
-.epcolforum {
-    background-color: #FF9900;
-    background-image: url(epforum.png);
+.epcolchat {
+    background-color: #F5455C;
+    background-image: url(epchat.png);
 }
 
+.epcolsurvey {
+    background-color: #42ac00;
+    background-image: url(epsmartwe.png);
+}
+
+.epcolnext {
+    background-color: #b694ff;
+    background-image: url(epnext.png);
+}
 @media only screen and (max-width: 900px) {
     .epsquare {
         width: 30%;