/*******************************************************************************
 * young.layout.scss
 *
 * Styling of the "Young" layout demonstrating the young rule and asymmetric
 * grids with Singularity.
 ******************************************************************************/
.panel-display--young {
  *zoom: 1;
}
.panel-display--young:after {
  content: "";
  display: table;
  clear: both;
}

.young-region {
  margin-bottom: 20px;
}

@media (min-width: 700px) {
  .young-region--first {
    width: 100.0%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }

  .young-region--second {
    width: 61.98347%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both;
  }
}
@media (min-width: 940px) {
  .young-region--top {
    width: 940px;
  }
  .young-region--first {
    width: 630px;
    float: left;
    margin-left: 0px;
    clear: none;
  }

  .young-region--second {
    width: 300px;
    float: left;
    margin-left: 10px;
    clear: none;
  }
}