style: general padding adjustment wrt screen sizes

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index 65d1897c34a27cf82a78af11fd5025ec25cb0d00..73f4c7d8ace02b4a224319fc2eb8256297affeba 100644 (file)
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -62,15 +62,18 @@
 /****************************************************/
 /* WRAPPER */
 /****************************************************/
-.wrapper {max-width: 1260px; margin:auto;padding:0 7%;}
+.wrapper {max-width: 1260px; margin:auto;padding:0 10%;}
 .wrapper.text {max-width: 780px; margin:auto;}
 .wrapper.half {max-width: 510px; margin:auto;}
 .wrapper.sided{                max-width:1260px;       }
 @media screen and (max-width: 400px) {
-    .wrapper {padding:0 1%;}
+    .wrapper {padding:0 3%;}
 }
 @media screen and (min-width: 400px) and (max-width: 1024px){
-    .wrapper {padding:0 3%;}
+    .wrapper {padding:0 5%;}
+}
+@media screen and (min-width: 1024px) and (max-width: 1260px){
+    .wrapper {padding:0 7%;}
 }
 
 @media screen and (min-width: 600px) {