diff --git a/css/style.scss b/css/style.scss
index b96a20f..f198170 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -6,13 +6,13 @@
 @import "compass/typography/links/hover-link";
 @import "compass/typography/vertical_rhythm";
 
-$base-font-size: 20px;
-$base-line-height: 30px;
 $break-point: 45em;
 $bg-color: #EEEEEE;
 $main-color: #2196F3;
 $acc-color: #C51162;
 
+$base-font-size: 16px;
+$base-line-height: 24px;
 @include establish-baseline;
 
 $text-pad: rhythm(0.5);
@@ -67,7 +67,7 @@ body {
   margin: $text-pad;
 }
 
-@media all and (max-width: 700px) {
+@media all and (max-width: $break-point) {
   .container > * {
     width: 100%;
   }