import React, { Component } from 'react';

export default class ReferralInfo extends Component {
  render() {
    return (
      <div className="row text-center">
        <div className=
          "col-xs-12 col-sm-8 col-sm-push-2 col-md-6 col-md-push-3"
        >
          <div className="spacer20"></div>
          <h2>Give 50GB, Get 50GB</h2>
          <p>Give your friends 50GB of storage and 50GB of bandwidth on Storj for free. Once they spend $10, we'll add the same amount to your account. There is no limit to how many friends you can refer.</p>
          <div className="spacer40"></div>
        </div>
      </div>
    );
  }
}

import React, { Component } from 'react';

export default class ReferralInfo extends Component {
  render() {
    return (
      <div className="row text-center">
        <div className=
          "col-xs-12 col-sm-8 col-sm-push-2 col-md-6 col-md-push-3"
        >
          <div className="spacer20"></div>
          <h2>Give 50GB, Get 50GB</h2>
          <p>
            Give your friends 50GB of storage and 50GB of bandwidth per month
            on Storj, for the next three months — all on us.
            <br/> After they've spent $10 on Storj, we'll give you the same.
            <br/>There is no limit to how many friends you can refer.
          </p>
          <div className="spacer40"></div>
        </div>
      </div>
    );
  }
}

Update copy and formatting for referral info
Update copy and formatting for referral info
