/*
Legacy Colors    
$theme-dark-blue-text: #2d64aa;*/
/*$theme-light-blue-text: white;


$theme-red: #bd0000;
$theme-turquoise: #02838f;
$theme-teal: #1abcc5;
$theme-green: #69ad44;
$theme-salmon: #f16c67;
$theme-purple: #9d3b86;
$theme-navy: #076d8f;

$theme-yellow: #f3c73e;
$theme-orange: #f58b43;
$theme-light-blue-bg: #d1e0f3;
$theme-black: #000000;
$theme-white: #fff;
*/
/*$theme-blue: #384285;*/
/*$width-sm-min: 576px;
$width-md-min: 768px;
$width-lg-min: 992px;
$width-xl-min: 1200px;
$width-xxl-min: 1400px;

$width-sm-max: 575.98px;
$width-md-max: 767.98px;
$width-lg-max: 991.98px;
$width-xl-max: 1199.98px;
$width-xxl-max: 1399.98px;
*/
/*/*$font-size: 18px original fraser font weight*/
.wi-container {
  background: url(https://fraser-www.s3.amazonaws.com/t/images/site/pages/donate/recurring-gifts/whyinvest-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2em;
}
.wi-container .wi-title {
  font-size: 28pt;
  font-weight: bolder;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.wi-container .wi-desc {
  font-size: 20pt;
  letter-spacing: -1px;
  font-weight: 300;
}

.inv-option {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.inv-option .inv-option-item {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 1em;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.inv-option .inv-option-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1em;
}
.inv-option .inv-list-label {
  font-weight: bold;
}
@media screen and (min-width: 0) and (max-width: 992px) {
  .inv-option {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 0) and (max-width: 699.98px) {
  .inv-option {
    grid-template-columns: repeat(1, 1fr);
  }
}