// Step 2
// Plan It
.step.plan .intro {
  margin-top: 1.5rem; // Creates a top margin for the first element because the section is headerless

  @include media($tablet) {
    @include span-columns(9);
    @include shift(2);
  }

  p {
    margin-bottom: 0 !important;
  }
}

.location-finder {
  margin-bottom: 2rem;

  @include media($tablet) {
    @include span-columns(11);
    @include shift(2);
  }

  p {
    margin-bottom: 0.5rem;
  }
}

// Step 2
// Plan It
.step.plan .intro {
  margin-top: 1.5rem; // Creates a top margin for the first element because the section is headerless

  @include media($tablet) {
    @include span-columns(9);
    @include shift(2);
  }

  p {
    margin-bottom: 0 !important;
  }
}

// TODO: Temp fix. The markup for this section will be changing to floated containers, instead of using wrapping column divs.
.step.plan .col {
  @include media($tablet) {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

// TODO: Temp fix to margin on tablet, since column divs kill the margin collapsing effect on the heading for Location.
.location-finder {
  margin-bottom: 2rem;

  @include media($tablet) {
    @include span-columns(11);
    @include shift(2);

    h4 {
      margin-top: 0;
    }
  }

  p {
    margin-bottom: 0.5rem;
  }
}

Update to adjust spacing on 'Find a Location' section on tablet view.
Update to adjust spacing on 'Find a Location' section on tablet view.
