/* two / four stacked manager layout */

.management .textContent {  display:inline-grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
}
.management .titleContainer {grid-column: 1/3; grid-row:1/2}

.managerWrapper.one {grid-column: 1/2; grid-row:2/3}
.managerWrapper.two {grid-column: 2/3; grid-row:2/3}
.managerWrapper.three {grid-column: 1/2; grid-row:3/4}
.managerWrapper.four {grid-column: 2/3;grid-row:3/4}

/* two / four stacked base positioning of bio text.*/

.wrap-collapsible > div.left {margin-left:0%;    width:240%;}
.wrap-collapsible > div.leftCenter {margin-left:-139%;    width:240%;}
.wrap-collapsible > div.rightCenter {margin-left:0%;    width:240%;}
.wrap-collapsible > div.right {margin-left:-139%;    width:240%;}


@media (max-width:800px){

  .wrap-collapsible > div.left {margin-left:0%;    width:230%;}
  .wrap-collapsible > div.leftCenter {margin-left:-138%;    width:230%;}
  .wrap-collapsible > div.rightCenter {margin-left:0%;    width:230%;}
  .wrap-collapsible > div.right {margin-left:-138%;    width:230%;}
}
@media (max-width:450px){
  .managerWrapper.one {grid-column: 1/5; grid-row:2/3}
  .managerWrapper.two {grid-column: 1/5; grid-row:3/4}
  .managerWrapper.three {grid-column: 1/5; grid-row:4/5}
  .managerWrapper.four {grid-column:1/5;grid-row:5/6}
  .wrap-collapsible > div.left {margin-left:0%;    width:100%;}
  .wrap-collapsible > div.leftCenter {margin-left:0%;    width:100%;}
  .wrap-collapsible > div.rightCenter {margin-left:0%;    width:100%;}
  .wrap-collapsible > div.right {margin-left:0%;    width:100%;}
}