diff --git a/_sass/screen.scss b/_sass/screen.scss
index 92c3c8b..691cb12 100644
--- a/_sass/screen.scss
+++ b/_sass/screen.scss
@@ -11,6 +11,8 @@ $links: #55f;
 $rule: #999;
 
 $width: 800px;
+$margin: 17px;
+$in_width: $width - $margin;
 $small-width: 500px;
 
 @import "compass/reset";
@@ -30,8 +32,8 @@ a:hover { text-decoration: underline; }
 
 hr { height: 1px; border: none; background-color: $rule; margin-top: 1em; }
 
-section h1 { font-size: 150%; border-left: 0.25em solid $links;
-             border-radius: 3px; padding-left: 0.3em; margin-left: -0.8em; }
+section h1 { font-size: 150%; border-left: 4px solid $links;
+             padding-left: 11px; margin-left: -$margin; }
 
 section h2 { font-size: 120%; font-weight: bold; }
 
@@ -74,12 +76,13 @@ li { margin-left: 1em; }
 
 .credits { color: $dim; }
 
-#wrapper { max-width: $width; margin: auto; }
+#wrapper { max-width: $in_width; margin: auto; }
 #outter-wrapper { width: 100%; height: auto; min-height: 100%; position: relative; }
 #foot_image { height: 150px; background-image: url('../images/antennes.png');
               position: absolute; bottom: 0; width: 100%; }
 
 @media (max-width: $small-width) {
+    body { font-size: 80%; }
     .switcher { float: none; }
 }
 
@@ -87,7 +90,7 @@ li { margin-left: 1em; }
 #outter-wrapper { width: 100%; }
 header h1 { font-size: 1.2em; }
 header { font-size: 1em; }
-body { padding: 0 1em; }
+body { padding: 0 $margin; }
 #foot_image { display: none; }
 footer { display: none; }
 }
diff --git a/stylesheets/screen.css b/stylesheets/screen.css
index 03c870d..fb59f37 100644
--- a/stylesheets/screen.css
+++ b/stylesheets/screen.css
@@ -101,10 +101,9 @@ hr {
 
 section h1 {
   font-size: 150%;
-  border-left: 0.25em solid #5555ff;
-  border-radius: 3px;
-  padding-left: 0.3em;
-  margin-left: -0.8em;
+  border-left: 4px solid #5555ff;
+  padding-left: 11px;
+  margin-left: -17px;
 }
 
 section h2 {
@@ -222,7 +221,7 @@ li {
 }
 
 #wrapper {
-  max-width: 800px;
+  max-width: 783px;
   margin: auto;
 }
 
@@ -242,6 +241,10 @@ li {
 }
 
 @media (max-width: 500px) {
+  body {
+    font-size: 80%;
+  }
+
   .switcher {
     float: none;
   }
@@ -260,7 +263,7 @@ li {
   }
 
   body {
-    padding: 0 1em;
+    padding: 0 17px;
   }
 
   #foot_image {