/*******************************************************************************
 * twocol-responsive.layout.scss
 *
 * Styling of the "TwoCol-Responsive" 2 column layout.
 ******************************************************************************/
@media (min-width: 321px) {
  /* line 11, sass/layouts/2-column/2-column.scss */
  .panel-col-first-l {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 16, sass/layouts/2-column/2-column.scss */
  .panel-col-last-rt {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}

@media (min-width: 600px) {
  /* line 22, sass/layouts/2-column/2-column.scss */
  .panel-col-first-l {
    width: 47.82609%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 27, sass/layouts/2-column/2-column.scss */
  .panel-col-last-rt {
    width: 47.82609%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}

@media (min-width: 960px) {
  /* line 33, sass/layouts/2-column/2-column.scss */
  .panel-col-first-l {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 37, sass/layouts/2-column/2-column.scss */
  .panel-col-last-rt {
    width: 48.93617%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}

@media (min-width: 1324px) {
  /* line 44, sass/layouts/2-column/2-column.scss */
  .panel-col-first-l {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 48, sass/layouts/2-column/2-column.scss */
  .panel-col-last-rt {
    width: 48.93617%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}

/*# sourceMappingURL=2-column.css.map */