@charset "UTF-8";

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
html {
/*  scroll-behavior: smooth;*/
}
html, body {
  width: 100%;
  height:100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Class to block scrolling when nav is active */
.no-scroll {
    overflow: hidden;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -1em;
  font-size: 0.6em;
}
strong {
  font-weight: bold;
}
/*  Footnote Styles*/
  .footnote {
    padding: 48px 0 48px 48px;
  }
.footnote p {
/*  font-size: 14px;*/
  font-size: 13.5px;
  line-height: 120%;
  text-align: center;
/*  max-width: 840px;*/
  max-width: 860px;
}
.footnote sup {
    top: -0.4em;
    font-size: 0.75em;
}

.content sup {
  top: -0.7em;
  left: -0em;
}
/* targets sup in any header */
:is(h1, h2, h3, h4, h5, h6) sup {
  vertical-align: baseline;
  position: relative;
  top: -1em;
  font-size: 0.4em;
}

/* END Footnote Styles */



a {
  text-decoration: none;
  pointer-events: all;
}
span.avoidwrap {
  display:inline-block;
}
.nav_active_label a {
  color: #fff;
/*  text-shadow: 1px 1px 2px #000000;*/
  padding: 8px 24px;
}
.nav_active_label a:hover {
/*  color: #385816;*/
  color: #EB8222;
  /* text-shadow: 0px 0px 0px #000000; */
}
.nav ul li.active > a,
footer ul li.active > a {
  pointer-events: none;
}
.c-hamburger {
  width: 54px;
  height: 48px;
/*  scale: 125%;*/
  scale: 150%;
/*  right: -6px;*/
/*  right: 12px;*/
right: 15px;
/*  filter: brightness(10) drop-shadow(1px 1px 2px black);*/
/*  filter: brightness(10);*/
}
.c-hamburger span,
.c-hamburger span:before,
.c-hamburger span:after {
  color: #385816;
}
.c-hamburger:hover, .c-hamburger.is-active {
/*  filter: brightness(1) drop-shadow(0px 0px 0px black);*/
filter: invert(57%) sepia(73%) saturate(1539%) hue-rotate(346deg) brightness(96%) contrast(92%);
}
/*.c-hamburger:hover *,
.c-hamburger.is-active * {
  box-shadow: none !important;
}*/

/* PAGE COVER & SPINNER STYLES */
.page-cover {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  pointer-events: none;
  background: #91AC66;

}
/*SPINNER STYLES*/
.page-cover-loading,
.page-cover-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}
.page-cover-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
/*  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;*/
    -webkit-animation-name: animation-loading;
  animation-name: animation-loading;
}
/*@-webkit-keyframes animsition-loading {*/
  @-webkit-keyframes animation-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*@keyframes animsition-loading {*/
  @keyframes animation-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*END SPINNER STYLES*/
.page-cover.hide {
  display: flex;
  opacity: 1;
  transition: opacity 1.0s;
}
.page-cover.show {
  display: hidden;
  opacity: 0;
  transition: opacity 1.0s;
}
/*END PAGE COVER STYLES*/

header {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  min-height: 104px;
/*  padding: 24px;*/
  background: transparent;
  z-index: 1;
}
section {
  position:relative;
  padding: 0 12px 64px 12px;
}
section.full-width {
  padding: 0 0 64px 0;
}
.border-bottom {
  border-bottom: 40px solid #2B3E1D;
}
.content {
  position: relative;
/*  padding: 48px 0 0 0;*/
  /* padding: 32px 0 0 0; */
  padding: 96px 0 0 0;
  max-width: 1800px;
  margin: 0 auto;
}
.content p {
  padding: 0 12px;
}
/* button styles */
/* new 6/30/24 */
/*  a.button-link {
  display: flex;
  align-items: center;
  width: fit-content;
  background: transparent;
  border: 2px solid #fff;
  margin: 64px 0 24px;
  padding: 12px 28px;
  }*/
a.button-link {
  display: flex;
  align-items: center;
  width: fit-content;
  background: transparent;
  border: 2px solid #fff;
  margin: 64px 0 24px;
  padding: 12px 28px; 
/*  padding: 8px 16px;*/
}
footer a.button-link {
  padding: 8px 16px;
}
footer a.button-link:hover {
  color: #2B3E1D;
}
footer a.button-link p {
/*  font: 19px/24px D-DIN Condensed;*/
  font: 18px/23px din-2014-narrow;
}
footer a.button-link:hover p {
  color: #2B3E1D;
}
  a.button-link img {
  filter: invert(1);
  height: 16px;
  width: auto;
  padding-left: 12px;
  }
  a.button-link:hover {
    cursor: pointer;
    border-color: #2B3E1D;
  }
  a.button-link:hover p {
  color: #2B3E1D;
}
  a.button-link:hover img {
  filter: invert(17%) sepia(84%) saturate(315%) hue-rotate(51deg) brightness(95%) contrast(90%);
}
  a.button-link.green:hover {
    border-color: #2B3E1D;
  }
    a.button-link.green:hover img {
  filter: invert(17%) sepia(84%) saturate(315%) hue-rotate(51deg) brightness(95%) contrast(90%);
}
a.button-link.center {
  margin: 64px auto;
}
a.button-link.green {
  border: 2px solid #91AC66;
  margin: 64px auto;
}
a.button-link.green img {
  filter: invert(71%) sepia(41%) saturate(351%) hue-rotate(41deg) brightness(83%) contrast(92%);
}
.button-link.green p {
  color: #91AC66;
}
/* end new 6/30/24 */
button.image {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
/*  width: 58px;*/
/*  width: 38px;*/
  width: 30px;
  padding: 0;
  cursor: pointer;
}
button.image:hover {
  filter: invert(80%) sepia(26%) saturate(772%) hue-rotate(51deg) brightness(91%) contrast(95%);
}
button.image img {
  width: 100%;
  height: auto;
}
footer button.image {
/*  display: none;*/
  display: block;
}
button.box.white {
  display: flex;
  align-items: center;
  background: transparent;
  border: 2px solid #fff;
  margin: 64px auto;
  padding: 12px 28px;
}
button.box.white img {
  filter: invert(1);
  height: 16px;
  width: auto;
  padding-left: 12px;
}
button.box.white:hover img {
  filter: invert(21%) sepia(26%) saturate(772%) hue-rotate(51deg) brightness(91%) contrast(95%);
  height: 16px;
  width: auto;
  padding-left: 12px;
}
button.box.green {
  display: flex;
  align-items: center;
  background: transparent;
  border: 2px solid #91AC66;
  margin: 64px auto;
  padding: 12px 32px;
}
button.box.green img {
  filter: invert(71%) sepia(41%) saturate(351%) hue-rotate(41deg) brightness(83%) contrast(92%);
  height: 16px;
  width: auto;
  padding-left: 12px;
}
button.box.green p {
  color: #91AC66;
}
button.box:hover {
  cursor: pointer;
  border-color: #2B3E1D;
}
button.box:hover p {
  color: #2B3E1D;
}
button.box:hover img {
filter: invert(21%) sepia(26%) saturate(772%) hue-rotate(51deg) brightness(91%) contrast(95%);
}
button.read-more {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 170px;
  background-color: #759741;
  border: none;
  color: white;
  margin-bottom: 23px;
  padding: 12px 18px;
  text-align: center;
  text-decoration: none;
}
button.read-more img {
  filter: invert(100%);
  height: 16px;
  width: auto;
  position: relative;
}
button.read-more p {
font: 16px Urbanist Medium;
}

/*  PADDING ADJUSTS 'READ BIO' SPACE   */

a.no-box.green {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  margin: 0 auto;
  padding: 3px 12px;
  width: fit-content;
  cursor: pointer;
}
a.no-box.green p {
/*  font: normal 23px / 100% D-DIN Condensed;*/
  font: normal 22px/100% din-2014-narrow;
  padding: 0;
}
a.no-box.green:hover p {
  color: #EB8222;
}

/* MAKE BIO ARROWS SMALLER */
a.no-box.green img  {
  filter: invert(27%) sepia(22%) saturate(1434%) hue-rotate(47deg) brightness(98%) contrast(88%);
  height: 12px;
  width: auto;
  padding-left: 7px;
}
a.no-box.green:hover img {
  filter: invert(52%) sepia(54%) saturate(1235%) hue-rotate(352deg) brightness(101%) contrast(84%)
}
/* END button styles */
.green-darker {
  background-color: #2B3E1D;
/*  color: #385816;*/
}
.green-dark {
  background-color: #385816;
/*  color: #385816;*/
}
.green-medium-dark {
  background-color: #385816;
/*  color: #ffffff;*/
}
.green-medium {
  background-color: #91AC66;
/*  color: #91AC66;*/
/*  border-bottom: 40px solid #2B3E1D;*/
  padding: 0 0 64px 0;
}
.green-light {
  background-color: #E6F1CD;
/*  color: #E6F1CD;*/
}
.yellow-bg {
  background-color: #FEFAD6;
/*  color: #FEFAD6;*/
}
.orange {
  background-color: #EB8222;
/*  color: #EB8222;*/
}
.green-darker {
  background-color: #2B3E1D;
/*  color: #385816;*/
}
.green-dark {
  background-color: #385816;
/*  color: #385816;*/
}
.green-medium-dark-type {
/*  background-color: #385816;*/
  color: #385816 !important;
}
.green-medium-type {
  color: #91AC66 !important;
}
.green-light-type {
/*  background-color: #E6F1CD;*/
  color: #E6F1CD !important;
}
.yellow-bg-type  {
/*  background-color: #FEFAD6;*/
  color: #FEFAD6 !important;
}
.orange-type  {
/*  background-color: #EB8222;*/
  color: #EB8222 !important;
}

/* this is the horizontal graphic under the headlines */
.divider-container {
  position: relative;
  margin: 20px auto 30px auto;
  width: 600px;
  max-width: 90%;
  height: 12px;
}
.divider-container * {
  background: #E6F1CD;
}
.base-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5.5px;
  width: 100%;
  height: 2px;
}
.overlap-line {
  position: absolute;
  left: 33.33%;
  width: 33.33%;
  height: 10px; 
/*  background: #E6F1CD;*/
}
/* end divider */
.hero {
  background-color: #91AC66;
  min-height: 100vh;
  margin-top: -118px;
  padding: 0 12px;
}
.hero img.hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 100%;
}
.logo {
  display: block;
  position: absolute;
  top: auto;
  left: 3.5%;
/*  height: 77%;*/
  height: 65%;
  width: auto;
}
h1 {
/*  font: 55px/140% DM Serif Display;*/
  font: 50px/140% DM Serif Display;
  text-align: center;
}
h2 {
  font: bold 23.5px/100% din-2014-narrow;
  letter-spacing: -0.02em;
}
h3 {
  font: 35px / 120% DM Serif Display;
  text-align: center;
}
.yellow-bg h2, .yellow-bg h3 {
  color: #385816;
}
.green-medium h2 {
  color: #fff;
}
.green-medium h1 {
/*  color: #fff;*/
  color: #FEFCD5;
}
.
.yellow-bg h1 {
  color: #EB8222;
}
.yellow-bg .divider-container * {
  background: #91AC66;
}
.yellow-bg p {
  color: #385816;
/*  color: #558027;*/
/*  color: #4c7322;*/
}
p {
/*  font: 22px/32px D-DIN Condensed;*/
  font: 21px/31px din-2014-narrow;
  letter-spacing: 0.01em;
/*  letter-spacing: 0.015em;*/
  text-align: center;
  color: #fff;
  max-width: 740px;
/*  max-width: 720px;*/
  margin: 0 auto;
}
.green-medium p {
/*  font-size: 23px;*/
  font-size: 22px;
/*  font-size: 22.5px;*/
}
.hero-copy .content {
  position: relative;
  padding: 28px 0 0 0;
  margin: 0 auto;
  max-width: 900px;
}
.hero-copy p {
  max-width: 800px;
}
.hero-copy h2 {
  text-align: center;
}
/* Callout Styles */
.callout1 {
  width: 90%;
  max-width: 980px;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  padding: 27px 5%;
/*  padding: 0px  0%;*/
  background-color: #6A8250;
  border: 8px solid #739841;
}
h4 {
  font: italic 35px / 160% DM Serif Display;
}
.callout1 .divider-container {
  position: relative;
  margin: 40px auto 20px auto;
  width: 70%;
  height: 12px;
}
.callout1 .divider-container * {
  background: #E8F2CC;
}
.callout2 {
  width: 1048px;
  max-width: 90%;
  text-align: center;
  margin: 0 auto;
  padding: 48px 64px 64px 48px;
  border: 16px solid #92AD68;
  color: #EB8222;
}
.callout2 h1 {
  font: 55px/120% DM Serif Display;
  text-align: center;
}
.callout1 .divider-container {
  position: relative;
  margin: 40px auto 20px auto;
  width: 70%;
  height: 12px;
}
.callout1 .divider-container * {
  background: #E8F2CC;
}
.callout3 {
  width: 100%;
  max-width: 614px;
  text-align: left;
  color: #ffffff;
  margin: 24px 0;
  padding: 33px 29px;
  background-color: #6A8250;
/*  border: 10px solid #9CAD8A;   */
  border: 10px solid #879777; 
}
.callout3 p {
  font: italic 20px / 140% DM Serif Display;
  text-align: left;
}
/* callout grid*/
.callout-grid1 {
  display: grid;
  grid-template-columns: 400fr 1px 540fr;
  gap: 0px;
  width: 900px;
  max-width: 100%;
  margin: 48px auto;
  background-color: #607945;
  color: #fff;
}
.callout-grid1 .box1, .callout-grid1 .box3 {
  display: grid;
  grid-template-columns: auto auto;
  gap: 3%;
  padding: 30px 5% 30px 10%;
  align-items: center;
  justify-content: center;
}
.callout-grid1 .box1 h2, .callout-grid1 .box3 h2 {
  font: 130px / 100% DM Serif Display;
  letter-spacing: -0.5rem;
  padding-right: 8px;
}
.callout-grid1 .box3 h2 {
  padding-right: 0;
}
.callout-grid1 .box1 p, .callout-grid1 .box3 p {
  font: 30px / 100% DM Serif Display;
  text-align: left;
}

.callout-grid1 .box2 {
  width: 1px;
  height: 70%;
  margin: auto 0;
  background-color: #fff;
}
.callout-grid2 {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: 0px;
  width: 740px;
  max-width: 100%;
  margin: 48px auto;
  background-color: #EB8222;
  border: 8px solid #F5B46C;
  color: #fff;
}
.callout-grid2 .box1, .callout-grid2 .box3 {
  display: grid;
  grid-template-columns: auto;
  padding: 12px 5% 30px 10%;
  align-items: center;
  justify-content: center;
}
.callout-grid2 .box1 h2, .callout-grid2 .box3 h2 {
  font: 55px / 100% DM Serif Display;
  padding-right: 8px;
  color: #fff;
}
.callout-grid2 .box1 span.number, .callout-grid2 .box3 span.number {
  font: 160% / 100% DM Serif Display;
  margin-right: -4px;
  color: #fff;
}
.callout-grid2 .box3 h2 {
  padding-right: 0;
}
.callout-grid2 .box1 p, .callout-grid2 .box3 p {
  font: 30px / 100% DM Serif Display;
  text-align: left;
  padding-left: 0;
  color: #fff;
}
.callout-grid2 sup {
  font-size: 0.64em;
  letter-spacing: 0;
  margin-left: 6px;
}
.callout-grid2 .box2 {
  width: 1px;
  height: 70%;
  margin: auto 0;
  background-color: #fff;
}


/* OLD Counter Styles */
.impacts {
  display: flex;
  flex-direction: row; 
  justify-content: space-between;
  width: 95%;
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 0;
}
.stat {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: "Source Sans Pro", serif;
}
p.stat-figure {
  font: 52px/60px DM Serif Display !important;
  letter-spacing: normal;
  text-align: left !important;
  display: flex !important;
  margin: 0;
}
.stat-caption {
  font: 34px/34px DM Serif Display !important;
  letter-spacing: normal;
  color: #385816;
  text-align: left;
  margin: 0;
}
.stat-caption sup {
  vertical-align: baseline;
  position: relative;
  top: -1.1em;
  font-size: 0.4em;
}
.stat-suffix.tight {
  margin-left: -6px;
}
.impact {
}
.impact h3 {
  font: 52px/60px DM Serif Display;
  color: #fff;
}
.impact h4 {
  font: 34px/34px DM Serif Display;
  color: #000;
}
.impacts .vert-divider {
  background: #E6F1CD;
  width: 2px;
}
/* END OLD counter styles */

/* number counter styles */
.wrapper { width: 100%; margin: 0; position: relative; color: #fff;}

.count-number {
  font: bold 79px / 100% Circular Std;
}
.count-number.dollars:before {
  content:"$";
  opacity: 0;
  transition: opacity 0.75s;
}
.count-number.dollars.on:before {
  opacity: 1;
/*  transition: opacity 0.75s;*/
}
p.count-text {
  font: normal 28px / 120% Config Condensed;
}
.plus:after {
  content: "+";
  opacity: 0;
}
.plus.million:after {
  content: "M+";
  opacity: 0;
}
.plus.billion:after {
  content: "B+";
  opacity: 0;
  position: relative;
  left: 0.05em;
}
.plus.on:after {
  opacity: 1;
  transition: opacity 0.75s;
}
.percent:after {
  content: "%";
  opacity: 0;
  position: relative;
  top: -0.45em;
  left: 0.08em;
  font-size: 0.7em;
}
.percent.on:after {
  opacity: 1;
  transition: opacity 0.75s;
}
/* end number counter styles */

/* image styles */
.watermark-image {
  display: block;
  position: absolute;
  top: 24px;
  right: 24px;
  width: 18%;
  max-width: 275px;
  height: auto;
  filter: invert(1);
  opacity: 0.3;
}
.wide-image {
  position: relative;
}
.wide-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/* Grid styles for bio content */
/* These styles are on the  Bio pages */
.bio {
  padding: 0;
}
.bio .top-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
/*  background-color: #91AC66;*/
  background-color: #607A45;

}
.bio-grid {
  display: grid;
  grid-template-rows: 80px 1fr;
  grid-template-columns: 400fr 900fr;
  gap: 0px;
  width: 100%;
  max-width: 1800px;
  height: 100%;
}
.bio-grid .main {
  grid-area: 2 / 2 / 3 / 4;
/*  background-color: rgba(91, 135, 76, 0.5);*/
  padding-top: 24px;
}
/*  BODY COPY  */
.bio-grid .main > p {
/*  font: 19px/140% D-DIN Condensed;*/
  font: 18px/140% din-2014-narrow;
  color: #000;
  text-align: left;
  padding: 0 8px 15px 0;
  margin: 0;
  max-width: 840px;
}
/*  CONTACT  */
.bio-grid .sidebar p,
.bio-grid .sidebar a {
/*  font: bold 20px/120% D-DIN Condensed;*/
  font: bold 19px/120% din-2014-narrow;
  color: #385816;
  text-align: left;
  padding: 0;
  margin: 12px 0;
  max-width: 840px;
}
.bio-grid .sidebar a:hover {
  color: #EB8222;
}
.bio-grid .header-left {
  grid-area: 1/1/2/2;
}

/*  SPACE ABOVE NAME  */
.bio-grid .header-right {
  grid-area: 1 / 2 / 2 / 3;
  padding-top: 16px;
}

/*MAKE NAMES UPPER CASE*/

/*  NAME  */
.bio-grid .header-right h2 {
/*  font: bold 26px/100% D-DIN Condensed;*/
/*  font: bold 25px/100% din-2014-narrow;*/
  font: bold 29px/100% din-2014-narrow;
  color: #fff;
  text-align: left;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}



/*  BIO PAGE - TITLE  */

.bio-grid .header-right p {
/*  font: bold 20px/120% D-DIN Condensed;*/
  font: bold 19px/120% din-2014-narrow;
  color: #fff;
  text-align: left;
  padding: 0px;
  margin: 0;
}
.bio-grid .news-date {
/*  font: 24px/100% D-DIN Condensed !important;*/
  font: 23px/100% din-2014-narrow !important;
  padding: 0 !important;
  margin-top: 12px !important;
}
.news .top-bar {
  background-color: #2B3E1D;
}
.news h3 {
/*  font: 35px / 100% DM Serif Display;*/
  font: 33px / 100% DM Serif Display;

  text-align: left;
  margin: 9px 0 16px 0;
}
.news * {
  color: #fff !important;
}
.news .callout3 .watermark-image {
  display: block;
  position: absolute;
  //top: 18px;
  left: 14px;
  width: 24%;
  max-width: 275px;
  height: auto;
  filter: invert(1);
  opacity: 0.2;
}

/*  BIO PAGE - ADDRESSES  */

.bio-grid .sidebar {
  grid-area: 2 / 1 / 3 / 2;
}
.bio-grid .sidebar .content {
  position: relative;
  width: 300px;
  max-width: 70%;
  margin: -48px auto 0;
  padding: 0;
}
.bio-grid .sidebar .content img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}


/*  BIO PAGES: ORANGE CALLOUT BOX  */ 

.bio-grid .callout-grid2 {
  display: none;
  width: 270px;
  max-width: 90%;
/*  margin: 48px 0;*/
  margin: 20px 0px 80px 0px;
  border: 6px solid #F5B46C;
}
.bio-grid {
  padding-bottom: 80px;
}
.bio-grid.tenure {
  padding-bottom: 0;
}
.bio-grid.tenure .callout-grid2 {
  display: grid;
}

.bio-grid .callout-grid2 .box1,
.bio-grid .callout-grid2 .box3 {
  padding: 10px 5% 20px 10%;
}


.bio-grid .callout-grid2 .box1 h2, .callout-grid2 .box3 h2 {
    font: 21px / 100% DM Serif Display;
    margin-bottom: 4px;
    margin-top: 12px;
}
.bio-grid .callout-grid2 .box1 span.number, .callout-grid2 .box3 span.number {
  font: 160% / 6% DM Serif Display;
  margin-right: -1px;
}
.bio-grid .callout-grid2 .box1 p, .callout-grid2 .box3 p {
  font: 16px / 100% DM Serif Display;
  width: 100%;
}
@media screen and (max-width: 720px) {

}
@media (max-width: 720px) {
.bio-grid {
  display: grid;
  grid-template-rows: auto;
  gap: 0px;
  width: 100%;
  height: 100%;
}
.bio-grid .main {
  grid-area: 3 / 1 / 4 / 3;
  padding: 24px;
  padding-left: 30px;
}
.bio-grid .header-left {
  display: none;
}
.bio-grid .header-right {
  grid-area: 1 / 1 / 2 / 3;
  padding-left: 30px;
/*  z-index: 2;*/
  z-index: 0;
}
.bio-grid .sidebar {
  grid-area: 2 / 1 / 3 / 3;
}
.bio-grid .sidebar .content {
  width: 100%;
  padding: 0 30px;
  margin: 48px 0 0 0;
}
.bio-grid .callout-grid2 {
  margin: 48px auto;
}
}
/* END grid styles for bio content */

/* icon cards grid */
.cards.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
/*  grid-template-rows: auto auto;*/
  gap: 32px 0;
  height: 100%;
  max-width: 720px;
  margin: 48px auto;
}
.card {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  padding: 12px auto;
  transition: 0.3s;
}
/* padding inside card */
.card .container {
  padding: 2px 16px;
}
/* end icon cars grid */

/* Footer styles */
footer {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0 0 48px 0;
  background-color: #FEFAD6;
}
footer .wide-image {
  height: 60vh;
  max-height: 540px;
  width: 100%;
  border-bottom: 40px solid #385816;
}
footer .wide-image img {
  object-position: 50% 100%;
}
.column-container {
  position: relative;
  display: flex;
  width: 100%;
}
.left-column {
  position: relative;
  width: 30%;
  min-height: 100%;
}
.right-column {
  position: relative;
  width: 70%;
  min-height: 100%;
}
/* prevents pin-spacer in footer from blocking pointer events on "story" href */
/* z-index value ensures local nav containers are below the main nav  */
.pin-spacer {
/*  pointer-events: none;*/
/*  z-index: 0 !important;*/
}
footer .logo-container {
  padding: 94px 48px 48px 48px;
}

/* SIZE OF FOOTER LOGO */
footer .logo {
  top: 0;
  left: 0;
  position: relative;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}
footer .content {
  position: relative;
  padding: 84px 48px 24px 48px;
  background-color: #91AC66;
}
footer h2 {
  font: 27px/40px bold DM Serif Display;
  letter-spacing: normal;
  color: #fff;
  margin-bottom: 12px;
}
footer p {
/*  letter-spacing: normal;*/
  letter-spacing: -0.01em;
  padding: 0 !important;
}
footer p.city {
/*  font: bold 22px D-DIN Condensed;*/
  font: bold 21px din-2014-narrow;
  text-align: left;
  color: #385816;
  margin: 0;
}
footer p.street,
footer p.tel {
/*  font: 22px/32px D-DIN Condensed;*/
  font: 21px/31px din-2014-narrow;
  text-align: left;
  color: #385816 !important;
  margin: 0;
}
footer p.tel {
  margin-bottom: 24px;
}
footer button.box.white {
  margin: 64px 0 24px;
}
.copyright {
/*  font: 17px/32px D-DIN Condensed;*/
  font: 16.5px/31px din-2014-narrow;
/*  color: #385816;*/
  color: #91AC66;
  text-align: center;
  margin: 0 auto;
}
.pipe {
  padding: 0 14px;
  color: #91AC66
}
.copyright .pipe {
  padding: 0 9px;
  color: #385816;
}
.footer-nav {
margin: 48px auto 24px;
}
footer ul {
/*  font: 21px/32px D-DIN Condensed;*/
  font: 20px/31px din-2014-narrow;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 48px 0;
  padding: 12px 16px;
  border: 2px solid #91AC66;
}
footer ul li a {
  color: #91AC66;
}
footer ul li.active a,
footer ul li:hover a,
footer .copyright span.active,
footer .copyright a:hover {
/*color: #2B3E1D;*/
color: #EB8222;
}
footer .copyright a {
  color: #91AC66;
}

#list-3:before {
  content: "©";
  font-size: 0.75em;
  position: relative;
  top: -0.2em;
/*  left: 0em;*/
}
@media screen and (max-width: 900px) {

header {
  min-height: 96px;
}
.c-hamburger:hover {
/*  filter: brightness(10) drop-shadow(1px 1px 2px black);*/
  filter: none;
}
.c-hamburger.is-active {
filter: invert(57%) sepia(73%) saturate(1539%) hue-rotate(346deg) brightness(96%) contrast(92%);
}
.logo {
  height: 64%;
}
h1 {
  font: 55px/110% DM Serif Display;
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}
.callout2 h1 {
  font: 40px/110% DM Serif Display;
}
.callout-grid1 {
  grid-template-columns: 1fr;
  grid-template-rows: auto 2px auto;
  max-width: 90%;
}
.callout-grid1 .box2 {
  width: 70%;
  height: 1px;
  margin: 0 auto;
}
.callout-grid1 .box1 h2, .callout-grid1 .box3 h2 {
  font-size: 96px;
}
.callout-grid1 .box1 p, .callout-grid1 .box3 p {
  font-size: 23px;
}
.callout-grid2 {
  grid-template-columns: 1fr;
  grid-template-rows: auto 2px auto;
  max-width: 90%;
}
.callout-grid2 .box2 {
  width: 70%;
  height: 1px;
  margin: 0 auto;
}
.footnote {
    padding: 48px 8px;
  }
footer .column-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
footer .logo-container {
  width: 100%;
  padding: 48px;
}
footer .logo {
  width: 100%;
  max-width: 300px;
  top: 8%;
  left: 0;
}
footer .content {
  width: 100%;
  padding: 48px;
  padding: 72px 48px;
}
.footer-nav {
  margin: 86px auto 42px;
  padding: 0 12px;
}
.right-column {
  width:100%;
  min-height: 100%;
}
.left-column {
  position: relative;
  width: 100%;
  min-height: 100%;
}
}

@media screen and (max-width: 475px) {
  .callout2 {
    max-width: 100%;
    padding: 48px 8px;
  }
  .callout2 h1 {
    font: 42px / 110% DM Serif Display;
  }
}