polished responsiveness of welcome view

src/sass/views/onboarding/onboard-welcome.scss

@@ -17,7 +17,7 @@
       @include center-block();
     }
     .logo {
-      margin-top: 13rem;
+      margin-top: 20rem;
     }
     button {
       @include center-block(1rem);
@@ -30,5 +30,43 @@
         background: none;
       }
     }
+    #cta-buttons {
+      position: absolute;
+      bottom: 0;
+      width: 100%;
+      button {
+        max-width: 400px;
+        min-width: 300px;
+      }
+    }
+  }
+}
+
+@media (max-width:500px), (max-height:800px) {
+  #onboard-welcome {
+    ion-content {
+      .logo {
+        margin-top: 12rem;
+      }
+    }
+  }
+}
+
+@media (max-width:420px) {
+  #onboard-welcome {
+    ion-content {
+      .logo {
+        margin-top: 8rem;
+      }
+    }
+  }
+}
+
+@media (max-height:608px) {
+  #onboard-welcome {
+    #cta-buttons {
+      position: relative !important;
+      float: left;
+    }
   }
 }

src/sass/views/onboarding/onboarding.scss

@@ -7,6 +7,7 @@
   background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
   background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
   color: #fff;
+  height: 100%;
   .bar.bar-header {
     background: rgb(30, 49, 134);
     color: #fff;
@@ -20,6 +21,10 @@
     }
   }
   ion-content {
+    height: 100%;
+    .scroll{
+      height: 100%;
+    }
     color: #fff;
     h2, h3{color:#fff;}
     h2 {