fix CSS; wipe public

static/ecogood.css

@@ -1,23 +1,23 @@
 body {
     color: #333;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-size: 1rem;
-    
-    margin:0;
-    padding:0;
-    text-align:center;
-    display:block; 
+    background-image: url(background.png);
 }
 
 a {
     text-decoration: none;
-    color: #333;
 }
 
-#epframe {
+.heading-img {
+	display: block;
+	width: 80%;
+	max-width: 500px;
+	margin: auto;
+}
+
+.epframe {
     margin: auto;
     max-width: 900px;
-    display: block;
     text-align: center;
     padding: 24px;
 }
@@ -66,7 +66,15 @@ a {
     position: absolute;
     color: white;
     bottom: 20%;
-    font-size: 1.35rem
+    font-size: 1.35rem;
+}
+
+.eptextfunc.kodex {
+    color: #5a5a5a;
+    text-transform: uppercase;
+    text-align:left;
+    padding-left: 24px;
+    font-size: 95%;
 }
 
 .eptexttool {
@@ -130,6 +138,9 @@ a {
     }
 }
 @media only screen and (max-width: 640px) {
+	.epframe {
+		padding: 24px 0px 24px 0px;
+	}
 	.epsquare {
 		width: 40%;
 		padding-bottom: 40%;
@@ -142,14 +153,15 @@ a {
 		width: 40%;
 	}
 }
+
 @media only screen and (max-width: 450px) {
 	.epsquare {
-		width: 50%;
+		width: 46%;
 		padding-bottom: 50%;
 		margin: 1.5%;
 	}
 	.epsrect {
-		width: 50%;
+		width: 45%;
 		padding-bottom: 70%;
 		margin: 1.5%;
 	}
@@ -158,3 +170,10 @@ a {
 		margin: 1.5%;
 	}
 }
+
+@media only screen and (max-width: 350px) {
+	.epsquare {
+		width: 49%;
+		margin: 0;
+	}
+}