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

.innerColWrap {
  padding: 0%;
  width: 80%;
  margin: 0 auto;
}
.innerColWrap h2 {
  font-family: 'Montserrat';
  padding: 10px;
}
.innerColWrap h2.left {
  color: #fff;
  width: 90%;
  background-color: #00a3e0;
}

.innerColWrap h2.right {
  color: #fff;
  width: 90%;
  background-color: #ffa400;
}

.innerColWrap .hr,
.innerColWrap p,
.innerColWrap li {
  width: 92%;
  margin-left: 0;
}
.twoColWrapLeft .innerColWrap {
  width: 90%;
  margin: 0 10% 0 0;
}
.twoColWrapRight .innerColWrap {
  width: 90%;
  margin: 0 0 0 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%;
  max-width: 1500px;
  display: inline-grid;
  grid-column: 3/5;
  grid-row: 2/3;
  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;
}
*/