
<div class="tour-content">
  <div class="container tour">
    <div class="row">
      <div class="col">
        <img src="https://prod.gusto-assets.com/wp-content/uploads/People_Advisory_Gusto_Pro_screen%402x.png" alt="" class="image-tour">
      </div>
      <div class="col-6">
        <div class="tour-title"> Take a tour of Gusto Pro. </div>
        <div class="tour-subtitle">We’re always creating new tools and resources to serve our accountant community. Stay tuned, there’s more to come.</div>
      </div>
      <div class="col">
        <button type="button" class="btn btn-ligth">View Gusto Pro</button>
      </div>
    </div>
  </div>
</div>

<style>

  .container.tour { 
    background-color: #F0F8FF;
    margin-bottom: -50px;
    padding-bottom: 40px;
  }

  .tour-title {
    font-family: 'Domine', serif;
    font-size: 3em;
    padding-top: 60px;
    line-height: 1.2;
  }

  .gusto-pro-subtitle {
    font-family: 'Fredoka', sans-serif;
    font-size: 1em;
    padding-top: 20px;
    letter-spacing: 0.35px;
    line-height: 1.5;
    padding-bottom: 20px;
  }

  .btn-ligth {
    font-family: 'Fredoka', sans-serif;
    padding: 10px;
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    margin-top: 40%;
  }

  .image-tour {
    max-height: 150px;
    margin-top: 20%;
    float: right;
  }


</style>