//--------------------------------------------------
// classes
//--------------------------------------------------
&--small {
  @include flex;
  @include flex-v-center;
  @include hero-padding;
  min-height: rem-calc(150);

  @include breakpoint($small) { min-height: rem-calc(210); }
  @include breakpoint($medium) { min-height: rem-calc(315); }

  .hero__content {
    @include breakpoint($small) { width: 70%; }
    @include breakpoint($medium) { width: 50%; }
  }
}
//--------------------------------------------------
// classes
//--------------------------------------------------
&--small {
  @include flex;
  @include flex-v-center;
  @include hero-padding;
  background-color: $white;
  min-height: rem-calc(150);

  @include breakpoint($small) { min-height: rem-calc(210); }
  @include breakpoint($medium) { min-height: rem-calc(315); }

  .hero__content {
    @include breakpoint($small) { width: 70%; }
    @include breakpoint($medium) { width: 50%; }
  }
}
Change small hero background colour to white
Change small hero background colour to white
