fixed spacing

public/assets/css/style.css

@@ -1331,6 +1331,10 @@ ol.digit-list p {
   display: inline-block;
 }
 
+.stores-badge + div{
+  margin-top: 1rem;
+}
+
 .store {
   display: inline-block;
   text-align: center;
@@ -2580,6 +2584,15 @@ h5.sm-title {
   padding-right: 25px;
 }
 
+.hero-8-txt > div {
+  margin-top: 5rem;
+}
+
+.hero-8-txt.fadeInRight{
+  display: flex;
+  flex-direction: column;
+}
+
 /*------------------------------------------*/
 /*  HERO APP LOGO
 /*------------------------------------------*/
@@ -2649,16 +2662,16 @@ h5.sm-title {
 }
 
 .hero-8-txt h2 {
+  margin-top: 3rem;
   margin-bottom: 5px;
 }
 
 .hero-8-txt h4 {
-  margin-bottom: 18px;
+  margin-bottom: 80px;
 }
 
 .hero-8-txt h5 {
   font-weight: 300;
-  margin-bottom: 50px;
 }
 
 .hero-9-txt h4 {

src/pages/FloatHome.js

@@ -1240,7 +1240,7 @@ export default FloatHome
 
 //HERO SECTION
   let heroSection = {
-      header: `ravel Smarter. Save Money.`,
+      header: `Travel Smarter. Save Money.`,
       description: `Travel smarter and safer, with Float's rideshare comparison, ride hailing and budgeting app. Available on IOS and Android.`,
       heroLink: 'Watch the Overview',
       button: `Intelligent Mobility Choices!`,

src/pages/Users.js

@@ -29,6 +29,7 @@ class Users extends React.Component {
                     <h4 className="h4-sm">Float®</h4>
                     <h2 className="h2-sm">Your Activity Feed</h2>
                     <h5 className="h5-xl">Stay Connected with Your Friends</h5>
+                    <div>
                     {/* STORE BADGES */}											
                     <div className="stores-badge">
                       {/* AppStore */}
@@ -39,35 +40,13 @@ class Users extends React.Component {
                       <a href="#" className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
-                      {/* Aamazon Market 
-									<a href="#" class="store">
-										<img class="amazon" src="assets/images/amazon.png" alt="amazon-badge" />
-									</a>  */}
-                      {/* Mac AppStore 
-									<a href="#" class="store">
-										<img class="mac-appstore" src="assets/images/macstore.png" alt="macstore-badge" />
-									</a> */} 
-                      {/* Microsoft Store  
-									<a href="#" class="store">
-										<img class="microsoft" src="assets/images/microsoft.png" alt="microsoft-badge" />
-									</a> */}
                     </div>	{/* END STORE BADGES */}	
-                    {/* Rating */}
-                    <div className="txt-block-rating">
-                      <div className="stars-rating dark-color">
-                        All Versions Rating
-                        <span className="flaticon-star ml-5" />
-                        <span className="flaticon-star" />
-                        <span className="flaticon-star" />
-                        <span className="flaticon-star" />
-                        <span className="flaticon-star-half-empty" />	
-                        <p className="txt-rating">Based on 7.296 user reviews</p>
-                      </div>			
-                    </div>
+                   
                     {/* USER PORTAL */}
                     <div>
                       <a className='btn btn-rose tra-grey-hover' href={`${process.env.REACT_APP_USERS}/`} target='_blank' >This leads to users PORTAL</a>
                     </div>
+                    </div>
                   </div>
                 </div>	{/* END HERO TEXT */}	
                 {/* HERO IMAGE */}