.page-header {
  .container {
    @media (min-width: $grid-float-breakpoint) {
      @include make-container(5rem);
    }
  }
}


.main-content .section:first-child .frame:first-child {
  padding-top: $grid-gutter-width * 1.5;
  padding-bottom: $grid-gutter-width;
  @media (min-width: $grid-float-breakpoint) {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}


.frame-container {
  position: relative;
  @include make-container(0);
  @include make-container-max-widths();
}


.section > .frame {
  @include make-container($grid-gutter-width/2);
  @include make-container-max-widths();
  @media (min-width: $grid-float-breakpoint) {
    @include make-container($grid-gutter-width*3);
  }

  &.frame-background-none {
    background-color: #fff;
  }

}


.frame-fullwidth {
  padding-top: 0;
  padding-bottom: 0;

  .frame-container {
    position: relative;
    @include make-container(0);
    max-width: inherit;
  }
}

@media (min-width: 576px) {
  .frame-option-indent-left .frame-inner {
    margin-left: 4%;
  }

  .frame-option-indent-right .frame-inner {
    margin-right: 4%;
  }
}

@media (min-width: 768px) {
  .frame-option-indent-left .frame-inner {
    margin-left: 8%;
  }

  .frame-option-indent-right .frame-inner {
    margin-right: 8%;
  }
}

@media (min-width: 992px) {
  .frame-option-indent-left .frame-inner {
    margin-left: 12%;
  }

  .frame-option-indent-right .frame-inner {
    margin-right: 12%;
  }
}

@media (min-width: 1366px) {
  .frame-option-indent-left .frame-inner {
    margin-left: 16%;
  }

  .frame-option-indent-right .frame-inner {
    margin-right: 16%;
  }
}
