fixed stylings on welcome and tour page for iPhone5

src/sass/common.scss

@@ -63,6 +63,10 @@
   margin-right: auto;
 }
 
+.bar-green{
+  background: rgb(17, 209, 166) !important;
+}
+
 ion-header-bar{
   button{
     border:none;

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

@@ -24,3 +24,13 @@
     }
   }
 }
+
+@media (max-width: 400px){
+  #onboard-tour{
+    &-secure, &-currency, &-control{
+      #cta{
+        height: 14rem;
+      }
+    }
+  }
+}

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

@@ -42,7 +42,8 @@
   }
 }
 
-@media (max-width:500px), (max-height:800px) {
+@media (max-width:500px),
+(max-height:800px) {
   #onboard-welcome {
     ion-content {
       .logo {
@@ -62,7 +63,7 @@
   }
 }
 
-@media (max-height:608px) {
+@media (max-height:550px) {
   #onboard-welcome {
     #cta-buttons {
       position: relative !important;

src/sass/views/onboarding/onboarding.scss

@@ -75,6 +75,16 @@
   }
 }
 
+@media (max-width: 400px){
+  .onboarding{
+    ion-content{
+      h2{
+        font-size: 1.2rem;
+      }
+    }
+  }
+}
+
 @import "terms-of-use";
 @import "onboard-welcome";
 @import "onboard-tour";