/*******************************************************************************
 * 2-col-bricks.layout.scss
 *
 * Styling of the "2-Col-Bricks" 2 column stacked-bricks layout.
 ******************************************************************************/
/*@include breakpoint($tab) {
  .panel-col-top-s {
    @include grid-span(6, 1);
  }
  .panel-col-first-l{
    @include grid-span(3, 1);
	clear: both;
	content: 'test';
    }
  .panel-col-last-rt {
    @include grid-span(3, 4);
	}
  .panel-col-bottom-s {
    @include grid-span (6, 1);
    clear: both;
	}
}*/
@media (min-width: 600px) {
  /* line 29, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 32, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-first-l {
    width: 47.82609%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 37, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-last-rt {
    width: 47.82609%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 40, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-middle2 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 44, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-first-l2 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 49, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-last-rt2 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 53, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-middle3 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 57, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-first-l3 {
    width: 47.82609%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 62, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-last-rt3 {
    width: 47.82609%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 66, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-middlex {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 70, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-middle4 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 74, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-first-l4 {
    width: 47.82609%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 79, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-last-rt4 {
    width: 47.82609%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 83, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 90, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 93, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-first-l {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 98, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-last-rt {
    width: 48.93617%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 102, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-middle2 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 106, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-first-l2 {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 111, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-last-rt2 {
    width: 65.95745%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 115, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-middle3 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 119, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-first-l3 {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 124, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-last-rt3 {
    width: 65.95745%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 128, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-middlex {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 132, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-middle4 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 136, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-first-l4 {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 141, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-last-rt4 {
    width: 65.95745%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 145, sass/layouts/2-col-bricks/2-col-bricks.scss */
  .panel-2col-bricks .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

/*
@include breakpoint($big) {
  .panel-col-top-s {
    @include grid-span(12, 1);
  }
  .panel-col-first-l{
    @include grid-span(6, 1);
    clear: both;
 
  }
  .panel-col-last-rt {
    @include grid-span(6, 7);

  }
  .panel-col-bottom-s {
    @include grid-span (12, 1);
    clear: both;
  }

}*/

/*# sourceMappingURL=2-col-bricks.css.map */