layout for mobile landing

css/_landing.scss

@@ -0,0 +1,66 @@
+.landing {
+    background-color: #fff;
+    width: 100vw;
+    height: 100vh;
+    padding: 35px 0;
+
+    &__body {
+        margin: auto;
+        width: 75%;
+        max-width: 40em;
+        text-align: center;
+        color: $landingTextColor;
+    }
+
+    &__text {
+        font-size: 1.8em;
+        margin-bottom: 0.65em;
+        line-height: em(29px, 21px);
+
+        &_small {
+            margin-top: em(21, 18);
+            margin-bottom: 1em;
+
+            font-size: 1.5em;
+
+            strong {
+                font-size: em(21, 18);
+            }
+        }
+    }
+
+    &__logo {
+        width: 77px;
+        height: auto;
+    }
+
+    &__button {
+        margin: 0 auto;
+        border: 0;
+        height: 42px;
+        width: 98%;
+        max-width: 300px;
+        @include border-radius(8px);
+        background-color: $landingButtonBgColor;
+        font-size: 1.5em;
+        font-weight: 300;
+        letter-spacing: 0.5px;
+        text-shadow: 0px 1px 2px $landingTextColor;
+
+        // Disable standard button effects
+        outline: none;
+        box-shadow: none;
+
+        &:active {
+            background-color: $landingButtonBgColor;
+        }
+
+        &_primary {
+            background-color: $primaryLandingButtonBgColor;
+
+            &:active {
+                background-color: $primaryLandingButtonBgColor;
+            }
+        }
+    }
+}

css/_variables.scss

@@ -127,3 +127,10 @@ $inputControlEmColor: #f29424;
 //buttons
 $linkFontColor: #489afe;
 $linkHoverFontColor: #287ade;
+
+/**
+* Landing
+*/
+$primaryLandingButtonBgColor: #17a0db;
+$landingButtonBgColor: #ff9a00;
+$landingTextColor: #4a4a4a;

css/main.scss

@@ -67,5 +67,6 @@
 @import '404';
 @import 'policy';
 @import 'filmstrip';
+@import 'landing';
 
 /* Modules END */