/*******************************************************************************
 * twocol-66-33.layout.scss
 *
 * Styling of the "TwoCol-66-33" 2 column stacked 66-33 layout.
 ******************************************************************************/
/*.home-section-title{
@include breakpoint($home-spec) {
	.panel-col-top-s {
    @include grid-span(6, 1);
	}
	.panel-col-first66 {
	@include grid-span(3, 1);
	clear: both;
	}
	.panel-col-last33 {
	@include grid-span(3, 4);
	}
	.panel-col-bottom-s {
    @include grid-span (6, 1);
    clear: both;
	}
}
}*/
@media (min-width: 321px) {
  /* line 28, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 31, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-first66 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 35, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-last33 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 38, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 600px) {
  /* line 45, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 48, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-first66 {
    width: 65.21739%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 52, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-last33 {
    width: 30.43478%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 55, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 62, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 65, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-first66 {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 69, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-last33 {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 72, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 1324px) {
  /* line 79, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 82, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-first66 {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 86, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-last33 {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 89, sass/layouts/twocol-66-33/twocol-66-33.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

/*# sourceMappingURL=twocol-66-33.css.map */