2 files changed, 52 insertions, 30 deletions
diff --git a/app/assets/stylesheets/responsive/_global_style.scss b/app/assets/stylesheets/responsive/_global_style.scss
index 7af822dec..de617892d 100644
--- a/app/assets/stylesheets/responsive/_global_style.scss
+++ b/app/assets/stylesheets/responsive/_global_style.scss
@@ -1,49 +1,71 @@
-h1,h2,h3 {
-  font-weight:bold;
-  line-height:1em;
-  letter-spacing:0;
-  clear:left;
+html {
+    height: 100%;
+    font-size: 1em;
 }
 
-h1 {
-  font-size: 2.2em;
-  margin-bottom: 15px;
-  margin-top: 10px;
+body {
+    color: #333;
+    line-height: 1.5em;
+    height: 100%;
+    min-height: 100%;
 }
 
-h2, dt {
-  font-size: 1.8em;
+a {
+    color: #2688dc;
+    &:hover,
+    &:active,
+    &:focus {
+        color: #333333;
+    }
 }
 
-h3 {
-  text-decoration:none;
-  font-size:1.6em;
-  margin-top:3px;
-  margin-bottom:10px;
+h1, h2, h3, h4, h5, h6 {
+    margin-bottom: 18px;
+    margin-bottom: 1rem;
+    margin-top: 1em;
+    line-height: 1.1em;
+    text-rendering: optimizeLegibility;
 }
 
-dl {
-  margin-top:24px;
-  line-height:160%;
+h1 {
+  font-size: 2.5em;
 }
 
-dt {
-  font-weight:700;
+
+h2 {
+  font-size: 2em;
+}
+
+h3 {
+  font-size: 1.6em
+}
+
+h4 {
+  font-size: 1.3em;
 }
 
-dd {
-  width:auto;
-  margin:18px 0 36px;
+h5 {
+  font-size: 1em;
 }
 
 p.subtitle {
-  margin-top:10px;
-  margin-bottom:20px;
+  margin-top:0.5em;
+  margin-bottom:1.5em;
   font-size:1.2em;
   font-style:normal;
   color:#222;
 }
 
+hr {
+    border: none;
+    border-top: 1px solid #e9e9e9;
+    margin: 0;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
 
 /* Links in sidebars usually only underlined on hover */
 .feed_link,.act_link {
diff --git a/app/assets/stylesheets/responsive/_settings.scss b/app/assets/stylesheets/responsive/_settings.scss
index 09bfba06d..fb4823537 100644
--- a/app/assets/stylesheets/responsive/_settings.scss
+++ b/app/assets/stylesheets/responsive/_settings.scss
@@ -1,5 +1,5 @@
 $main_menu-mobile_menu_cutoff: 46.875em;
-$row-width: rem-calc(900px);
-$body-font-family: sans-serif;
-$form-label-font-color: #000000;
-$base-font-size: 15px;
+$row-width: 64em;
+$body-font-family: "Helvetica Neue", Arial, Helvetica, Helmet, Freesans, sans-serif;
+$form-label-font-color: #333333;
+$base-font-size: 16px;