Style improvements for mobile

imports/ui/stylesheets/colors.scss

@@ -48,3 +48,5 @@ $success: $todos-palette2;
 $info:    $todos-palette3;
 $warning: $todos-palette4;
 $danger:  #d9534f;
+
+$light: #818182;

imports/ui/stylesheets/custom.scss

@@ -1,3 +1,6 @@
+@import './mixins';
+@import './colors';
+
 a, a:hover  {
   color: $todos-palette5;
 }
@@ -9,3 +12,13 @@ a, a:hover  {
 h4.page-header {
   line-height: 2em;
 }
+
+@include breakpoint(mobile) {
+  h4.page-header {
+    line-height: 1.3em;
+  }
+}
+
+.page-header {
+  margin-top: 25px;
+}

imports/ui/stylesheets/mixins.scss

@@ -7,6 +7,9 @@
     @media (min-width: 768px) { @content; }
   } @else if $point == handheld-large {
     @media (min-width: 480px) { @content; }
+  } @else if $point == mobile {
+    // vjrj
+    @media (max-width: 480px) { @content; }
   } @else {
     @media (min-width: $point) { @content; }
   }

imports/ui/stylesheets/new-age.scss

@@ -1,3 +1,5 @@
+@import './mixins';
+
 /*!
  * Start Bootstrap - New Age v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/new-age)
  * Copyright 2013-2017 Start Bootstrap
@@ -61,6 +63,15 @@ div.section.crowd h2 {
   div.section.crowd h2 {
     font-size: 70px; } }
 
+@include breakpoint(mobile) {
+  div.section.crowd p {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  div.section.crowd h2 {
+    font-size: 35px; } }
+
 div.section.platf .div.section-heading {
   margin-bottom: 100px; }
 div.section.platf .div.section-heading h2 {