new.haml

%header.site-header
  .header-content
    .search-content

%section.container
  %aside
    %nav
      %ul
        %li
          %a
        %li
          %a
        %li
          %a
        %li
          %a
        %li
          %a
        %li
          %a
        %li
          %a
        %li
          %a
        %li
          %a
        %li
          %a
        %li
          %a
  %section.container-content
    %article.perk-show
      %header.banner
        .logo
        %img
      %section.actions
        %a
      %section.perk-content
        %aside
          %h6 Perks
          %ul
            %li
            %li
            %li
            %li
            %li
            %li
        %article.perk-info
          %h6 Monster
          %p stffsfdsf

new.scss

header.site-header {
  width: 100%;
  border-bottom: 1px solid black;

  .header-content {
    @include outer-container;
  }
}

section.container {
  @include outer-container;

  > aside {
    @include span-columns(3 of 12);
  }

  section.container-content {
    @include span-columns(3 of 12);

  }
}

@include fill-parent;

section.perkInfo {
  @include spans-columns(9 of 12);

  article.redemptionArea {
    @include spans-columns(5 of 9);
  }

  article.partnerService {
    @include spans-columns(4 of 9);
  }
}