_layout.scss

body {
  margin: 0;
  background: $background;
}

main {
  @include outer-container;
}

.section--padded {
  padding: 0 $gutter/2;
}

.section {
  padding-bottom: $gutter;
}

.fluid-width-video-wrapper {
  clear: both;
}

/* SH About Page */

.about {
  @include row();
  clear: both;
  padding: 0 $gutter!important;

  @include media($xl) {
    padding: 0;
  }
}

.about__image,
.about__text {
  @include span-columns(12);
  margin-bottom: $gutter;

  p {
    margin-left: 0;
    padding-left: 0;
  }
}

@include media($md) { // show descriptions on hover when larger than medium breakpoint
  .about__image {
    @include span-columns(4);
    @include omega(2n);
    padding: 0;
    margin-bottom: $gutter;
  }

  .about__text {
    @include span-columns(8);
    @include omega(2n);
    padding: 0;
    margin-bottom: $gutter;
  }
}