+content min-height, adjusted media query cutoffs

Author: ww3637

src/index.scss

@@ -8,8 +8,8 @@ tablet has fixed widths and font sizes
 mobile has scaling widths and font sizes
 */
 
-$desktop-width: 1100px;
-$mobile-width: 720px;
+$desktop-width: 1050px;
+$mobile-width: 750px;
 
 @mixin desktop {
   @media(min-width: #{$desktop-width}) { @content; }
@@ -170,6 +170,7 @@ html, body, #root, #app, .full-height {
   height: 100%;
   display: flex;
   flex-direction: column;
+  min-height: 775px;
 }
 
 .content {
@@ -330,8 +331,8 @@ lines of text may be wider than they appear
 .mobile-banner {
     @include tablet {
         display: inline-block;
-        margin-top: 1vh;
-        margin-bottom: 2.5vh;
+        margin-top: 10px;
+        margin-bottom: 10px;
         border-bottom-style: solid;
         color: $blue;