css: fix wrong css media declaration

css/css.css

@@ -172,7 +172,7 @@ span.static {
   }
 }
 .downloads:before {
-  content: "·";
+  content: "·";
 }
 .inline-icon {
   padding: 0 .5em;
@@ -553,25 +553,22 @@ tbody .large {
 
 /* ================================= CUSTOM CSS =========================== */
 /* no hover on listitems */
-body {
-  /* background: url("../img/bg.jpg") repeat scroll 0 0 #DDCBBF !important; */
-}
-html body .ui-header .ui-controlgroup .ui-btn,
-html body .ui-header .ui-wrap .ui-btn:before {
-  border: 0 none !important;
-}
+
 .teaser {
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-	max-width: 300px;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 300px;
+}
+@media (max-width: 24em) {
+  .teaser  {
+    padding-top: 3em;
+  }
 }
-@media ( max-width: 24em } {
-	.teaser  {
-		padding-top: 3em;
-	}
+body {
+  /* background: url("../img/bg.jpg") repeat scroll 0 0 #DDCBBF !important; */
 }
-@media ( min-width: 24em ) {
+@media (min-width: 24em) {
 .ui-page-theme-slapos-white ul.ui-listview .ui-btn:hover {
     background: #fff;
     -webkit-box-shadow: 0 0 6px #0fbabd;