/* three manager layout */


.management .textContent {  display:inline-grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(6, auto);
}
.management .titleContainer {grid-column: 1/4; 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: 3/4;grid-row:2/3}

/* three column base positioning of bio text.*/

.wrap-collapsible > div.left {margin-left:0%;    width:400%;}
.wrap-collapsible > div.center {margin-left:-139%;    width:400%;}
.wrap-collapsible > div.right {margin-left:-278%;    width:400%;}

@media (max-width:900px){
  .management .textContent {
    grid-template-columns: repeat(4, 1fr);
  }
  .managerWrapper.one {grid-column: 1/3; grid-row:2/3}
  .managerWrapper.two {grid-column: 3/5; grid-row:2/3}
  .managerWrapper.three {grid-column: 1/3; grid-row:4/5}

  .wrap-collapsible > div.left {margin-left:0%;    width:235%;}
  .wrap-collapsible > div.center {margin-left:-140%;    width:235%;}
  .wrap-collapsible > div.right {margin-left:0%;    width:235%;}
}

@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}

  .wrap-collapsible > div.left {margin-left:0%;    width:100%;}
  .wrap-collapsible > div.center {margin-left:0%;    width:100%;}
  .wrap-collapsible > div.right {margin-left:0%;    width:100%;}
}