/* inner col wrap is for inner content spacing */

.innerColWrap {padding: 10%;}

/* for borders on columns change id to match section */

/* .terms .twoColWrapLeft, .terms .twoColWrapRight {
  outline:1px solid #8b281d;
  outline-offset:-20px;
} */

.twoColWrap h5, .threeColWrap h5, .fourColWrap h5 {text-align:center; font-size:1.8em;}

.twoColWrap {
  width:100%;
  display:inline-grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  margin-top:3%;
  margin-bottom:5%;
}
.twoColWrapLeft {
  grid-column:1/2;
  grid-row:1/2;
}
.twoColWrapRight {
  grid-column:2/3;
  grid-row:1/2;
}

.threeColWrap {
  width:100%;
  display:inline-grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  margin-top:3%;
}
.threeColWrapLeft {
  grid-column:1/2;
  grid-row:1/2;
}
.threeColWrapCenter {
  grid-column:2/3;
  grid-row:1/2;
}
.threeColWrapRight {
  grid-column:3/4;
  grid-row:1/2;
}
.fourColWrap {
  width:100%;
  display:inline-grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}
.fourColWrapLeft {
  grid-column:1/2;
  grid-row:1/2;
}
.fourColWrapLeftCenter {
  grid-column:2/3;
  grid-row:1/2;
}
.fourColWrapRightCenter {
  grid-column:3/4;
  grid-row:1/2;
}
.fourColWrapRight {
  grid-column:4/5;
  grid-row:1/2;
}

/* background change hovers for columns */

.twoColWrapLeft:hover, .twoColWrapRight:hover {
  box-shadow: 0px 0px 25px 10px rgba(0,0,0,.2) ;
  /* background-color:rgba(0,0,0,.03);
  transition:background-color 0.5s ease; */
}
.threeColWrapLeft:hover, .threeColWrapCenter:hover, .threeColWrapRight:hover {
  box-shadow: 0px 0px 25px 10px rgba(0,0,0,.2) ;
  /* background-color:rgba(0,0,0,.03);
  transition:background-color 0.5s ease; */
}
.fourColWrapLeft:hover, .fourColWrapLeftCenter:hover, .fourColWrapRightCenter:hover, .fourColWrapRight:hover {
  box-shadow: 0px 0px 25px 10px rgba(0,0,0,.2) ;
  /* background-color:rgba(0,0,0,.03);
  transition:background-color 0.5s ease; */
}