/*
 * @file
 * Provides the layout styles for layout_threecol_33_34_33.
 */

.oq-3col-25-25-50-bricked {
  display: flex;
  flex-wrap: wrap;
}

.oq-3col-25-25-50-bricked>div {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .oq-3col-25-25-50-bricked {
    display: grid;
    grid-template-columns: 25% 25% 50%;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "left center right1"
      "left center right2"
      "bottom bottom bottom";
  }

  .oq-3col-25-25-50-bricked>.group-left {
    grid-area: left;
  }

  .oq-3col-25-25-50-bricked>.group-center {
    grid-area: center;
  }


  .oq-3col-25-25-50-bricked>.group-right1 {
    grid-area: right1;
  }

  .oq-3col-25-25-50-bricked>.group-right2 {
    grid-area: right2;
  }

  .oq-3col-25-25-50-bricked>.group-bottom {
    grid-area: bottom;
  }
}