/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fontawesome/fa-regular-400.woff2") format("woff2"), url("../fontawesome/fa-regular-400.ttf") format("truetype"); }

.far,
.fa-regular {
  font-weight: 400; }
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fontawesome/fa-solid-900.woff2") format("woff2"), url("../fontawesome/fa-solid-900.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-display: block;
  font-weight: 400;
  src: url("../fontawesome/fa-brands-400.woff2") format("woff2"), url("../fontawesome/fa-brands-400.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: block;
  font-weight: 900;
  src: url("../fontawesome/fa-solid-900.woff2") format("woff2"), url("../fontawesome/fa-solid-900.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: block;
  font-weight: 400;
  src: url("../fontawesome/fa-regular-400.woff2") format("woff2"), url("../fontawesome/fa-regular-400.ttf") format("truetype"); }
@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("../fontawesome/fa-solid-900.woff2") format("woff2"), url("../fontawesome/fa-solid-900.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("../fontawesome/fa-brands-400.woff2") format("woff2"), url("../fontawesome/fa-brands-400.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("../fontawesome/fa-regular-400.woff2") format("woff2"), url("../fontawesome/fa-regular-400.ttf") format("truetype");
  unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }

@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("../fontawesome/fa-v4compatibility.woff2") format("woff2"), url("../fontawesome/fa-v4compatibility.ttf") format("truetype");
  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); }

.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free'; }

.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands'; }

.fa-bars::before {
  content: "\f0c9"; }

.fa-xmark::before {
  content: "\f00d"; }

.fa-arrow-right::before {
  content: "\f061"; }

.fa-arrow-up-right-from-square::before {
  content: " \f08e"; }

a.inline-icon {
	margin-right: 1.1em;
	position: relative;
}
a.inline-icon span {
	position: absolute;
    font-size: .7em;
    margin-left: .4em;
    bottom: .2em;
}
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.6em;
}

body {
  font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
  background: rgb(210,217,235);
background: linear-gradient(90deg, rgba(210,217,235,1) 0%, rgba(246,218,206,1) 33.3%, rgba(210,217,235,1) 66.6%, rgba(246,218,206,1) 100%);
background-size: 300% 100%;
background-position: 0% 0px;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

.no-js .lazy,
  .no-js .lazy-bg {
	display: none;
  }
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
a {
	color:#304c8e;
	-webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
a:visited,
a:active {
	color:#304c8e;
}
a:hover {
	color:#ba5226;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}



/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

a#nph-logo{
	display: block;
	width: 120px;
	position: absolute;
	left:3em;
	top:2.5em;
	z-index: 5;
}
a#nph-logo .white-arrow{
	width: 140px;
	position: absolute;
	z-index: 1;
	left: -11px;
    top: -41px;
}
#nph-logo svg{
	max-width: 100%;
	height: auto;
	z-index: 2;
	position: relative;
}
#nph-logo svg .st0{
	fill:#304C8E;
}
#nph-logo svg .st1{
	fill:#ba5226;
}

header {
	padding: 0;
	margin-top: 12em;
}
.tablet-h1 {
	text-align: center;
	font-size: 1rem;
}
.tablet-h1 .year-2022 {
	color:#304c8e;
	text-transform: uppercase;
	font-size: 1.5em;
	position: relative;
	margin-bottom: .5em;
}
.tablet-h1 .year-2022 span{
	font-weight: normal;
}
.tablet-h1 .grow,
.tablet-h1 .secure,
.tablet-h1 .you{
	color:#fff;
	background-color:#304c8e;
	display: inline;
	padding: .2em .5em .35em .5em;
	font-size: 1.9em;
	line-height: 1.5em;
	position: relative;
	z-index: 5;
	box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 22px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 6px 6px 22px 0px rgba(0,0,0,0.35);
	box-shadow: 6px 6px 22px 0px rgba(0,0,0,0.35);
}

.tablet-h1 .grow {
	z-index: 6;
}
.tablet-h1 .you{
	font-weight: normal;
	color:#fff;
	background-color:#ba5226;
	line-height: 2em;
}
h1 {
	display: none;
}
.head-img-mobile {
	display: block;
	margin: 2em auto 1em auto;
	width: 90%;
	max-width: 900px;
	height: auto;
}
nav#navigation-lrg {
	display: none;
}
nav#navigation {
	height: 0;
	position: static;
	overflow: auto;
	box-sizing: border-box;
	top:0;
	right: 0;
	bottom: 0;
	left:0;
	background: #304c8e;
	opacity: 1;
	visibility: visible;
	z-index: 11;
	-webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}
nav#navigation .nav-wrapper {
	display: flex;
	flex-direction: column;
	padding: 3em 2em 0 2em;
}
nav#navigation.closed {
	opacity: 0;
	visibility: hidden;
	top:50px;
}

nav#navigation a,
nav#navigation a:visited{
	display: block;
	color:#ffffff;
	text-decoration: none;
	font-size: 1rem;
	padding: .8em 0;
	line-height: 1.3em;
	-webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
	position: relative;
	padding-left: 1.2em;
}
nav#navigation .nav-wrapper > a::before {
	content: " ";
	width: 5px;
	height: 5px;
	border: 3px solid #FFC342;
	border-radius: 100px;
	position: absolute;
	left: 0px;
	top: 1.2em;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
nav#navigation a:hover,
nav#navigation a:active {
	color:#FFC342;
}
#menu-butt,
.modal .close-modal {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 1.8rem;
	position: fixed;
	right: 20px;
	top:20px;
	color:#ba5226;
	background-color:#fff;
	-webkit-transition: background-color 200ms ease-out;
	-moz-transition: background-color 200ms ease-out;
	-o-transition: background-color 200ms ease-out;
	transition: background-color 200ms ease-out;
	cursor: pointer;
	padding: 0;
	height: 55px;
	width: 55px;
	border-radius: 10em;
	z-index: 12;
}
.modal .close-modal {
	top: 30px;
}
#menu-butt.fa-xmark{
	right: 35px;
}
nav#navigation .nav-wrapper .sub-links {
	padding-top: 1em;
}
nav#navigation .nav-wrapper .sub-links .link-head{
	font-weight: bold;
	font-size: 1rem;
	border-bottom: 2px solid #FFC342;
	color: #FFC342;;
}
nav#navigation .nav-wrapper .sub-links .doc-thumbs{
	display: flex;
	margin-top: 2em
}
nav#navigation .nav-wrapper .sub-links .doc-thumbs a{
	padding: 0;
	margin-right:1.5em;
	text-align: center;
}
nav#navigation .nav-wrapper .sub-links .doc-thumbs a img{
	max-width: 75px;
	height:auto;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
	-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
	box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
	margin-bottom: .5em;
}
nav#navigation .nav-wrapper .sub-links .doc-thumbs a img.horiz{
	max-width: 100px;
}

#menu-butt:hover,
.modal .close-modal:hover {
	background-color:#ba5226;
	color:#fff;
}
section a{
	text-decoration: none;
	border-bottom: .1em solid #304c8e;
	font-weight: bold;
}
section a:hover {
	border-bottom: .3em solid #ba5226;
}
.section {
	padding: 50px 30px;
	background: -moz-linear-gradient(0deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 90%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 90%);
	background: linear-gradient(0deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 90%);
	overflow: hidden;
}
.section.head-wrap {
	padding: 50px 0;
}
.section h2 {
	text-transform: uppercase;
	color:#ba5226;
	margin: 1em 0 1em 0;
	font-size: 2rem;
	line-height: 1.2em;
}
.section h3 {
	color:#ba5226;
	margin: 1.8em 0 -.4em 0;
}
.section h3.what {
	color:#304c8e;
	font-size: 1.5rem;
}
.section h3 a {
	color:#ba5226;
	border-bottom: .1em solid #ba5226;
}
.section h3 a:hover {
	color:#e5571c;
	border-bottom: .3em solid #e5571c;
}
.section h4 {
	color:#304c8e;
	margin: 1.8em 0 -.4em 0;
}
.section h4 a{
	color:#304c8e;
	border-bottom: .1em solid #304c8e;
}
.section h4 a:hover{
	color:#006aef;
	border-bottom: .3em solid #006aef;
}
.section .desc {
	font-weight: bold;
	font-size: 1.6rem;
	color:#304c8e;
	line-height: 1.3em;
}

.letter.section {
	background: #304c8e;
	color: #fff;
}
.letter.section .cols img {
	max-width: 100%;
	height: auto;
	margin: 1.2em 0;
}
.letter.section h2 {
	text-transform: uppercase;
	font-size: 1.6rem;
	color:#fff;
}
.letter.section a {
	color:#ffffff;
	text-decoration: none;
	border-bottom: .1em solid #ba5226;
}
.letter.section a:visited,
.letter.section a:active {
	color:#ffffff;
}
.letter.section a:hover {
	color:#ffffff;
	border-bottom: .3em solid #e5571c;
}

.sec-nav {
	display: flex;
	margin: 20px 0;
	flex-wrap: wrap;
	box-sizing: border-box;
    align-items: flex-start;
    align-content: flex-start;
}
.sec-nav-entry {
	width: 100%;
	margin: 20px auto;
	position: relative;
}
.sec-nav-butt {
	position: relative;
    cursor: pointer;
	background-color: #304c8e;
	transform-style: preserve-3d;
	transform: perspective(1000px);
}
.sec-nav-entry.open .sec-nav-butt {
	background-color: #ba5226;
}
.sec-nav-butt-img img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
.closed .sec-nav-butt-img img {
	filter: grayscale(100%);
}
.sec-nav-butt-desc {
	color:#fff;
	font-weight: bold;
	font-size: 1.3rem;
	padding: 4px 20px 10px 20px;
	height: 140px;
	line-height: 1.2em;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	transform: translateZ(20px);
	box-sizing: border-box;
}
.sec-content {
	overflow: hidden;
    max-height: 0px;
    opacity: 0;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}
.sec-content.yesflow {
	overflow: visible;
	padding-top: 1px;
}

.sec-nav-entry.open .sec-content {
	max-height: 3000px;
    opacity: 1;
}

.sec-nav-entry.open .sec-content.just-imgs-3 {
	max-height: 3400px;
}

.callout {
	background-color: #d7dae9;
	padding: 1px 1px 1px 1px;
}
.callout img {
	max-width: 100%;
	height: auto;
	margin: -1px;
}
.callout.just-imgs {
	padding: 0;
}
.callout.just-imgs img {
	margin: 0 0 4px 0;
}
.callout img.bottom {
	margin-top: 1em;
}
.callout p,
.callout h4 {
	margin-right:20px;
	margin-left:20px;
}
.sec-con-wrap > img {
	max-width: 100%;
	height: auto;
}
.sec-con-wrap > img.bottom {
	margin-top: 1em;
}
.sec-img {
	width: 100%;
	margin-bottom: 2em;
}
.sec-img img,
.letter.section .cols img {
	max-width: 100%;
	height: auto;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
		-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
		box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
}

.letter.section .sig {
	max-width: 100%;
	height: auto;
	width: 300px;
	-webkit-box-shadow:none;
		-moz-box-shadow: none;
		box-shadow: none;
}
.half-flex {
	display: flex;
	flex-direction: column-reverse;
}
.img-flex {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.img-flex img{
	width: 100%;
	height: auto;
}
.img-flex .img-bg{
	background-position: 100% 100%;
}
.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.section .article-table-wrap .article {
    font-weight: bold;
	font-size: 1.2rem;
	color:#304c8e;
	line-height: 1.3em;
}
.section .article-table-wrap .finances {
    background: rgba(255,255,255,.8);
	padding: 1.1em 1.3em;
	margin: 2em 0;
}

.section .article-table-wrap .finances h3{
    margin-top: 0;
	font-size:1.4rem;
}
.section .article-table-wrap .finances h4{
    margin: 1em 0 .1em 0;
	font-size:1.1rem;
	padding-bottom: 0;
	letter-spacing: .1em;
	border-bottom: 2px solid #000;
}
.section .article-table-wrap .finances table{
    border-collapse: collapse;
	width: 100%;
}
.section .article-table-wrap .finances table tr td:first-child{
    padding: .2em 0 .2em .8em;
	line-height: 1.2em;
}
.section .article-table-wrap .finances table tr td:last-child{
    padding: .2em 0 .2em .5em;
	width: 110px;
}

.section .article-table-wrap .finances table tr.total td{
    font-weight: bold;
	border-top: 2px solid #000;
}
.section .article-table-wrap .finances .ast {
	font-style: italic;
	text-align: right;
	margin-top: 1.2em;
	font-size: .8rem;
}
.section > .ast {
	font-style: italic;
	text-align: center;
	margin-top: 1.2em;
	font-size: .8rem;
}
.section h3.donors-head {
	margin: 2.5em 0 0 0;
	font-size: 1.4rem;
}
.donors ul{
	margin: 1.5em 0;
	padding: 0 0 0 0;
	list-style: none;
}
.donors ul li{
	line-height: 1.2em;
	margin: .6em 0;
}
.pullout-center {
	font-size: 1.4rem;
	font-weight: bold;
	color:#304c8e;
	margin: 1.5em 0;
	line-height: 1.4em;
}
article img {
	max-width: 100%;
	height: auto;
}

.staff {
	margin-top: 2em;
}
.staff .entry {
	display: flex;
	margin: 2em 0;
	align-items: center;
}
.staff .img {
	margin: 0 2em 0 0;
	max-width: 125px;
}
.staff .img img {
	max-width: 125px;
	height: auto;
	border-radius: 100em;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
	-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
	box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
}
.staff .name {
	font-weight: bold;
	color: #304c8e;
}
.staff .note {
	font-size: .9rem;
	font-style: italic;
}
.footnotes {
	font-size: .9rem;
	font-style: italic;
	margin-top: 1em;
}
.section > h2 {
	position: relative;
}
a.header-icon {
	position: relative;
	display: inline-block;
	color:#304c8e;
	text-decoration: none;
	font-size: .5em;
    left: -0.2em;
    top: -0.7em;
	border:0;
}
a.header-icon:hover {
	color: #ba5226;
	transform: translateY(-.1em);
	border:0;
}
a.button {
	display: inline-block;
	line-height: 1.2em;
	padding: .7em 1em;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
	-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
	box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
	border:1px solid #fff;
	font-size: 1.2em;
	background-color:#fff;
	color:#304c8e;
	font-weight: bold;
}
a.button:hover {
	text-decoration: none;
	background-color: rgba(255,255,255,.1);
	border:1px solid #fff;
	color:#fff;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,1);
	-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,1);
	box-shadow: 0px 0px 24px 0px rgba(12,31,78,1);
	transform: scale(1.05);
}
.promo {
	background: rgb(48,76,142);
background: -moz-linear-gradient(90deg, rgba(48,76,142,1) 0%, rgba(186,82,38,1) 90%);
background: -webkit-linear-gradient(90deg, rgba(48,76,142,1) 0%, rgba(186,82,38,1) 90%);
background: linear-gradient(90deg, rgba(48,76,142,1) 0%, rgba(186,82,38,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#304c8e",endColorstr="#ba5226",GradientType=1);
	padding: 3em 2em;
}
.promo h3{
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.1em;
	margin-bottom: .4em;
	margin-top: -.8em;
	margin-left: .4em;
	color: #fff;
}
.promo p{
	font-size: 1.2rem;
	color: #fff;
	margin: 1.5em 1em;
}
.promo .img img{
	max-width: 100%;
	height: auto;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
	-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
	box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
}
.video-section .caption {
	    font-weight: bold;
    font-size: 1.6rem;
    color: #304c8e;
    line-height: 1.3em;
	margin: 2em 1em 1em 1em;
	text-align: center;
}
.caption {
	font-style: italic;
	font-size: .8rem;
	text-align: center;
	padding-top: .5em;
}
.video-section iframe{
	aspect-ratio: 16 / 9;
  	width: 100%;
}

.video-spacing iframe{
	aspect-ratio: 16 / 9;
  	width: 100%;
	margin-bottom: 1em;;
}
.promo .links a{
	margin: .5em;
}
.article-wrap.center {
	margin-bottom: 3em;
}
.head-img {
	display: none;
}
.letter.section a.video-link {
	border-bottom:0;
	
}
.letter.section a.video-link img{
	-webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
		-moz-box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
		box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
	filter: brightness(100%);
}
.letter.section a.video-link:hover img{
	-webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
	transform: scale(1.02);
	-webkit-box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.7);
		-moz-box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.7);
		box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.7);
	filter: brightness(150%);
}
.slide-menu,
.grayout {
	display: none;
}
.article-img-wrap > .article-wrap > article > p {
	font-size: 1.2rem;
}
.half-flex .half-img {
	margin-bottom: 3em;
}
.faux-link {
	cursor: pointer;
}
.closed .icons-wrap{
	visibility: hidden;
}
.icons-wrap h3 {
	text-align: center;
	font-size: 1.5rem;
}
.icons-wrap > p {
	text-align: center;
	max-width: 800px;
	margin: 1.5em auto 2em auto;
	font-size: 1.1rem;
}
.icons-entry-wrap {
	--base-width:170px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.icons-entry-wrap .icon-entry {
	position: relative;
	margin: 1em auto 2em auto;
	cursor: pointer;
}
.icons-entry-wrap .icon-entry .icon-img {
	width: var(--base-width);
	height: var(--base-width);
	border-radius: 50%;
	background-color: #d7dae9;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.icons-entry-wrap .icon-entry .icon-img img{
	max-width: 100%;
	width: 100px;
	height: auto;
	position: relative;
	z-index: 2;
	-webkit-transition: transform 400ms ease-in-out;
    -moz-transition: transform 400ms ease-in-out;
    -o-transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
}
.icons-entry-wrap .icon-entry:hover .icon-img {
	width: 180px;
	height: 180px;
	margin-top: -5px;
	margin-bottom: -5px;
	background-color: #bac1e6;
}
.icons-entry-wrap .icon-entry:hover .icon-img img{
	transform: scale(.8);
}
.icons-entry-wrap .icon-entry .icon-img.upz img{
	z-index: 11;
}
.icons-entry-wrap .icon-entry .icon-img .next {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: var(--base-width);
    aspect-ratio: 1;
    border-radius: 50%;
	background-color: #d7dae9;
	z-index: 1;
	-webkit-transition: background-color 400ms ease-in-out;
    -moz-transition: background-color 400ms ease-in-out;
    -o-transition: background-color 400ms ease-in-out;
    transition: background-color 400ms ease-in-out;
}
.icons-entry-wrap .icon-entry:hover .icon-img .next {
    background-color: #bac1e6;
}
.icons-entry-wrap .icon-entry:hover .icon-img.upz .next {
    background-color: #d7dae9;
}
.icons-entry-wrap .icon-entry .icon-img.upz .next {
	z-index: 10;
}
.icons-entry-wrap .icon-entry h4{
	position: relative;
	margin: .5em auto 0 auto;
	max-width: 400px;
	font-size: 1.3rem;
	line-height: 1.4em;
	text-align: center;
}
.icons-entry-wrap .icon-entry .icon-content {
    display: none;
}
.modal-content .icon-img-inner{
    width: 115px;
	height: 115px;
	margin: 0 auto 1.5em auto;
	text-align: center;
	border-radius: 50%;
	background-color: #bac1e6;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border:4px solid #d7dae9;
}
.modal-content .horz {
	background-color: #ba5226;
	height: 2px;
	width: 100%;
	position:absolute;
	top:79px;
	transition-delay: 1s;
	opacity: 0;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.is-visible .modal-content .horz {
	opacity: 1;
}
.modal-content .icon-img-inner img{
    width: 60px;
	height: auto;
}
.modal-content h4{
    color: #ba5226;
	font-size: 1.5rem;
}
.modal-content p{
	font-size: 1.2rem;
}
.modal {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	top:0;
	align-items: center;
	justify-content: center;
	background-color: #d7dae9;
	visibility: hidden;
	opacity: 0;
	z-index: 13;
}

  
.modal .modal-dialog {
	display: flex;
	width: 100%;
	height: 100vh;
	overflow: auto;
}
  
.modal .modal-content {
	max-width: 800px;
	padding: 1rem;
	margin: auto;
}
.modal .modal-content p{
	margin-top: 1rem;
}
  
.modal .close-modal {
	position: absolute;
	right: 30px;
	font-size: 2rem;
}
.fancy-img,
.fancy-img:hover {
	border-bottom: 0;
}
.fancy-img img {
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}
.fancy-img:hover img {
	transform: scale(1.02);
	-webkit-box-shadow: 0px 0px 24px 0px rgba(12, 31, 78, 0.7);
	-moz-box-shadow: 0px 0px 24px 0px rgba(12, 31, 78, 0.7);
	box-shadow: 0px 0px 24px 0px rgba(12, 31, 78, 0.7);
	filter: brightness(150%);
}

@media only screen and (min-width: 500px) {
	.donors ul {
		column-count: 2;
		column-gap: 2em;
	}
	.promo h3{
		font-size: 2.6rem;
		margin-bottom: .4em;
		margin-top: 1em;
		margin-left: .4em;
	}
}


@media only screen and (min-width: 768px) {
	
	.section {
		background: -moz-linear-gradient(0deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 40%);
		background: -webkit-linear-gradient(0deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 40%);
		background: linear-gradient(0deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 40%);
	}
	.section h2 {
		text-align: center;
		margin: 1em 0 2em 0;
    	font-size: 2.4rem;
	}
	.letter.section h2 {
		text-align: left;
		margin: 0em 0 1em 0;
	}
	
	
	.section article.nowrap,
	.article-img-wrap,
	.section .sec-nav,
	.article-table-wrap,
	.donors,
	.staff,
	.footnotes,
	nav#navigation-lrg .nav-wrapper,
	.promo-wrap,
	.video-wrapper {
		max-width: 700px;
		margin-left:auto;
		margin-right: auto;
	}
	.sec-nav {
		justify-content:center;
		padding: 2em 0;
	}
	.sec-nav-entry {
		width: 48%;
	}
	.but-4 .sec-nav-entry:nth-child(1n+0),
	.but-3 .sec-nav-entry:nth-child(1),
	.but-2 .sec-nav-entry:nth-child(1n+0){
		margin-left:0;
		margin-right: 2%;
	}
	.but-4 .sec-nav-entry:nth-child(2n+0),
	.but-3 .sec-nav-entry:nth-child(2),
	.but-2 .sec-nav-entry:nth-child(2n+0){
		margin-left:2%;
		margin-right: 0;
	}
	.but-3 .sec-nav-entry:nth-child(3){
		margin-left:0;
		margin-right: 0;
	}
	.but-4 .sec-content,
	.but-3 .sec-content,
	.but-2 .sec-content,
	.but-1 .sec-content{
		width: 100vw;
    	max-width: 700px;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.43);
		-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.43);
		box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.2);
		margin: 1em 0 2em 0;
		box-sizing: border-box;
	}
	.but-4 .sec-nav-entry:nth-child(2n+0) .sec-content,
	.but-3 .sec-nav-entry:nth-child(2) .sec-content,
	.but-2 .sec-nav-entry:nth-child(2n+0) .sec-content{
		margin-left: calc(-350px - 4.5%);
	}
	.but-3 .sec-nav-entry:nth-child(3) .sec-content,
	.but-1 .sec-nav-entry:first-child .sec-content {
		margin-left: calc(-166px - 4.5%);
	}
	.but-3 .sec-nav-entry:nth-child(3) .sec-content,
	.but-1 .sec-nav-entry:first-child .sec-content.yesflow {
		margin-left: calc(5px - 4.5%);
	}
	.but-3 .sec-nav-entry:nth-child(4) .sec-content,
	.but-1 .sec-nav-entry:first-child .sec-content {
		margin-left: calc(-342px - 4.5%);
	}
	.sec-con-wrap {
		padding:1px 1.4em 1em 1.4em;
	}
	.article-img-wrap {
		display: flex;
		flex-direction: row-reverse;
	}
	.section .article-img-wrap.flex-reverse {
		flex-direction: row;
	}
	.sec-img {
		max-width: 250px;
		min-width: 250px;
		margin-left: 2em;
	}
	.section .article-img-wrap.flex-reverse .sec-img {
		margin-left: 0em;
		margin-right: 4em
	}
	.img-flex {
		flex-direction: row;
	}
	.img-flex img{
		display: none;
	}
	.img-flex .img-bg{
		background-position: center center;
		background-size: cover;
	}
	.img-flex > div{
		max-width: 100%;
		overflow: hidden;
		min-height: 300px;
	}
	.img-flex > div.per-60{
		max-width: 60%;
		min-width: 60%;
		overflow: hidden;
	}
	.img-flex > div.per-40{
		max-width: 40%;
		min-width: 40%;
		overflow: hidden;
	}
	.img-flex img {
		height: auto;
		max-width: 100%;
	}
	.section .article-table-wrap {
		display: flex;
	}
	.section .article-table-wrap .article {
		font-size: 1.6rem;
	}
	.section .article-table-wrap .article{
		max-width: 45%;
	}
	.section .article-table-wrap .finances{
		margin: 0 2em 0 0;
		min-width: 300px;
		max-width: 50%;
	}
	.section .article-table-wrap {
		margin-top: 3em;
		margin-bottom: 5em;
	}
	.donors ul{
		
		margin-top: 2em;
	}
	.pullout-center {
		font-size: 1.3rem;
		width: 700px;
		margin: 0 auto;
		text-align: center;
	}
	
	.article-img-wrap.circle-rev {
		flex-direction: row;
		align-items: center;
	}
	.article-img-wrap.circle-rev .sec-img {
		margin-left: 0;
		margin-right: 3em;
	}
	.staff {
		display: flex;
    	flex-wrap: wrap;
		justify-content:center;
	}
	.staff .entry {
		max-width: 48%;
		min-width: 48%;
		margin: 2em 0;
	}
	.staff .entry:nth-child(2n + 1) {
		margin: 2em 2% 2em 0;
	}
	.staff .entry:nth-child(2n + 0) {
		margin: 2em 0 2em 2%;
	}
	.staff .img img {
		max-width: 125px;
		min-width: 125px;
	}
	.video-section {
		margin: 2em 0 3em 0;
	}
	.video-section .caption {
		margin: 0em 1em 2em 1em;
	}
	
	.video-section .caption {
		margin: 0em 1em 2em 1em;
	}
	nav#navigation a,
	nav#navigation a:visited{
		font-size: 1.5rem;
	}
	nav#navigation .nav-wrapper .sub-links .link-head{
		font-size: 1.5rem;
	}
	nav#navigation .nav-wrapper {
		padding: 3em 3em 0 3em;
	}
	#menu-butt {
		right: 30px;
		top:30px;
	}
	#menu-butt.fa-xmark{
		right: 45px;
	}
	nav#navigation .nav-wrapper .sub-links {
		padding-top: 2em;
	}
	nav#navigation .nav-wrapper .sub-links .doc-thumbs {
		margin-top: 3em;
	}
	nav#navigation .nav-wrapper .sub-links .doc-thumbs a {
		margin-right: 2em;
	}
	nav#navigation .nav-wrapper .sub-links .doc-thumbs a:hover {
		transform: scale(1.1);
	}
	nav#navigation .nav-wrapper .sub-links .doc-thumbs a img {
    	max-width: 100px;
	}
	nav#navigation .nav-wrapper .sub-links .doc-thumbs a img.horiz {
		max-width: 135px;
	}
	.icons-wrap {
		padding: 0 1.4em;
	}
	.icons-entry-wrap {
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.icons-entry-wrap .icon-entry {
		max-width: 50%;
		min-width: 50%;
	}
	.collage {
		display:flex;
		flex-direction: column;
	}
	.collage img{
		max-width: 100%;
		height: auto;
		margin: 0 0 4px 0;
	}
	.collage .collage-row,
	.collage.collage-row {
		display:flex;
		flex-direction: row;
	}
	.collage .collage-row > a:first-child{
		padding-right: 4px;
	}
	.collage.collage-row > a:first-child img,
	.collage.collage-row > a:last-child img{
		margin: 0;
		height: 100%;
	}
	.collage.collage-row > a:first-child{
		padding-right: 4px;
	}
	.collage.collage-row > .collage > a:last-child img{
		margin: 0;;
	}
	.callout.just-imgs.more-space > .collage {
		margin: 0 0 4px 0;
	}
	.collage6 {
		position: relative;
	}
	.collage6 .handout {
		position:absolute;
		bottom: 0;
		left:25%;
		height: 90%;
	}
	.collage6 .handout.fancy-img:hover img {
		transform: scale(1.02);
		-webkit-box-shadow: 0px 0px 24px 0px rgba(12, 31, 78, 0);
		-moz-box-shadow: 0px 0px 24px 0px rgba(12, 31, 78, 0);
		box-shadow: 0px 0px 24px 0px rgba(12, 31, 78, 0);
		filter: brightness(150%);
	}
}
@media only screen and (min-width: 900px) {
	
	.tablet-h1 {
		text-align: center;
		font-size: 1.4rem;
	}
	.head-img-mobile {
		display: block;
		margin: 3em auto 1em auto;
	}
	nav#navigation-lrg {
		display: block;
		padding: 2em 0;
		max-width: 1260px;
		margin: 0 auto;
	}
	nav#navigation-lrg .nav-wrapper {
		column-count: 2;
		column-gap: 2em;
	}
	nav#navigation-lrg .nav-wrapper a{
		color:#304c8e;
		font-size: 1.1rem;
		text-decoration: none;
		padding: .5em 0 .5em 1.4em;
		box-sizing: border-box;
		display: block;
		position: relative;
	}
	nav#navigation-lrg .nav-wrapper a:hover{
		transform: scale(1.1);
	}
	nav#navigation-lrg .nav-wrapper a::before {
	  content:" ";
	  width: 5px; 
	  height: 5px; 
	  border: 3px solid #ba5226;
	  border-radius: 100px;
	  position: absolute;
	  left:8px;
		top:18px;
		-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	nav#navigation-lrg .nav-wrapper a:hover::before {
		border-radius: 2px;
		transform: rotate(225deg);
		border-right:0px solid #ba5226;
		border-bottom:0px solid #ba5226;
		width: 9px; 
	    height: 9px;
		left:7px;
		top:15px;
	}
	
	.half-flex {
		flex-direction: row;
	}
	.half-flex .half-img {
		max-width: 40%;
		min-width: 40%;
		margin-left: 1em;
	}
	
	.section article.nowrap,
	.article-img-wrap,
	.section .sec-nav,
	.article-table-wrap,
	.donors,
	.staff,
	.footnotes,
	nav#navigation-lrg .nav-wrapper,
	.video-wrapper {
		max-width: 824px;
	}
	
	.but-4 .sec-content,
	.but-3 .sec-content,
	.but-2 .sec-content,
	.but-1 .sec-content{
    	max-width: 824px;
	}
	.but-4 .sec-nav-entry:nth-child(2n+0) .sec-content,
	.but-3 .sec-nav-entry:nth-child(2n+0) .sec-content,
	.but-2 .sec-nav-entry:nth-child(2n+0) .sec-content{
		margin-left: calc(-412px - 4.5%);
	}
	.but-3 .sec-nav-entry:nth-child(3) .sec-content,
	.but-1 .sec-nav-entry:first-child .sec-content{
		margin-left: calc(-196px - 4.5%);
	}
	.but-3 .sec-nav-entry:nth-child(3) .sec-content,
	.but-1 .sec-nav-entry:first-child .sec-content.yesflow {
		margin-left: calc(8px - 4.5%);
	}
	.but-3 .sec-nav-entry:nth-child(4) .sec-content,
	.but-1 .sec-nav-entry:first-child .sec-content {
		margin-left: calc(-342px - 4.5%);
	}
	.section article.cols {
		column-count: 2;
		column-gap: 2em;
	}
	.section article.cols p{
		-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
	}
	.sec-img {
		max-width: 350px;
		min-width: 350px;
	}
	.callout.just-imgs-1 img,
	.callout.just-imgs-2 img,
	.callout.just-imgs-3 img,
	.callout.just-imgs-horz img{
		width: 100%;
		height: auto;
	}
	.section .article-table-wrap .article{
		max-width: 45%;
	}
	.section .article-table-wrap .finances{
		margin: 0 3em 0 0;
		max-width: 55%;
		min-width: 400px;
	}
	.donors ul {
		column-count: 3;
		column-gap: 3em;
	}
	.section h3.donors-head {
		text-align: center;
		font-size: 2rem;
		margin:3em 0 1.4em 0;
		line-height: 1.2em;
	}
	.article-img-wrap.circle-rev .sec-img {
		max-width: 300px;
		min-width: 300px
	}
	
	.video-section {
		margin: 4em 0 4em 0;
	}
	.video-section .caption {
		margin: 0em 1em 2em 1em;
	}
	.video-wrapper {
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
	}
	.video-wrapper iframe{
		max-width: 50%;
	}
	
	.video-section .caption {
		text-align: left;
		margin: 0 1em 0 2em;
	}
	.video-section iframe{
		-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
		-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
		box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
	}
	.fade-in {
		opacity: 0;
		transition: opacity 1s ease-in;
	}
	.fade-in2 {
	  transition-delay: 100ms;
	}
	.fade-in3 {
	  transition-delay: 200ms;
	}
	.fade-in4 {
	  transition-delay: 300ms;
	}
	.fade-in5 {
	  transition-delay: 400ms;
	}
	
	.fade-in.appear,
	.fade-in.appear1,
	.fade-in2.appear,
	.fade-in3.appear,
	.fade-in4.appear,
	.fade-in5.appear{
	  opacity: 1;
	}


	.from-left {
	  grid-column: 2 / 3;
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%);
	}

	.from-right {
	  grid-column: 3 / 4;
	  -webkit-transform: translateX(50%);
	  transform: translateX(50%);
	}

	.from-left,
	.from-right {
	  transition: opacity 250ms ease-in, -webkit-transform 400ms ease-in;
	  transition: opacity 250ms ease-in, transform 400ms ease-in;
	  transition: opacity 250ms ease-in, transform 400ms ease-in,
		-webkit-transform 400ms ease-in;
	  opacity: 0;
	}

	.from-left.appear,
	.from-right.appear {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity: 1;
	}
	.article-wrap.center {
		margin-bottom: 0;
		max-width: 800px;
		margin: 0 auto 1em auto;
	}
	.article-wrap.center .desc {
		margin-bottom: .5em;
	}
	.slide-menu {
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: fixed;
		background-color: #ba5226;
		width: 300px;
		right: -300px;
		top:0;
		bottom: 0;
		z-index: 20;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in;
		-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
		-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
		box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
		box-sizing: border-box;
    	padding: 2em;
		background: rgb(246,218,206);
    background: -moz-linear-gradient(180deg, rgba(246,218,206,1) 15%, rgba(210,217,235,1) 85%);
    background: -webkit-linear-gradient(180deg, rgba(246,218,206,1) 15%, rgba(210,217,235,1) 85%);
    background: linear-gradient(180deg, rgba(246,218,206,1) 15%, rgba(210,217,235,1) 85%);
	}
	.slide-menu.open {
		right: 0;
	}
	.slide-menu .link-head{
		font-weight: bold;
		font-size: 1.2rem;
		text-align: center;
		color: #304c8e;
	}
	.slide-menu .doc-thumbs {
		display: flex;
		margin-top: 1.5em;
		flex-direction: column;
	}
	.slide-menu .doc-thumbs a {
		padding: 0;
    	text-align: center;
		margin: 1.5em 0;
		color:#304c8e;
		text-decoration: none;
	}
	.slide-menu  .doc-thumbs a:hover {
		transform: scale(1.1);
		color:#ba5226;
	}
	.slide-menu .doc-thumbs a img {
		height: auto;
		-webkit-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
		-moz-box-shadow: 0px 0px 19px 0px rgba(12,31,78,0.3);
		box-shadow: 0px 0px 24px 0px rgba(12,31,78,0.3);
		margin-bottom: 0.5em;
		max-width: 100px;
	}
	.slide-menu .doc-thumbs a img.horiz {
		max-width: 135px;
	}
	.slide-menu #slide-close {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-size: 1.8rem;
		position: absolute;
		right: 1em;
		top: 1em;
		color: #ba5226;
		background-color: #fff;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
		cursor: pointer;
		padding: 0;
		height: 55px;
		width: 55px;
		border-radius: 10em;
		z-index: 12;
	}
	.slide-menu #slide-close:hover {
		   background-color: #ba5226;
    	color: #fff;
	}
	.grayout {
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
		opacity: 0;
		position: fixed;
		top:0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #304c8e;
		height: auto;
		z-index: 19;
		display: block;
		visibility: hidden;
	}
	.grayout.open {
		opacity: .7;
		display: block;
		visibility: visible;
	}
}
@media only screen and (min-width: 1000px) {
	.promo {
		padding: 6em 0;
	}
	.promo .links {
		display: flex;
		width: 120%;
		align-items: flex-start;
	}
	.promo .links .narrow{
		min-width: 30%;
	}
	.promo-wrap  {
		max-width: 850px;
		position: relative;
	}
	.promo-wrap .copy{
		position: relative;
		width: 55%;
	}
	.promo h3 {
		font-size: 2rem;
		margin: 0 0 0 0;
		font-size: 2rem;
	}
	.promo p {
		margin: 1em 0 1.5em 0;
		width: 95%;
		font-size: 1.3rem;
	}
	.promo .img {
		position: absolute;
		width: 45%;
		right: 0;
		top:0;
	}
	.promo a.button {
		max-width: 200px;
		text-align: center;
	}
	.promo a.button.wide {
        max-width: 300px;
        text-align: center;
    }
	img.elpn-2 {
		display: block;
		margin: 2em auto;
		max-width: 90%;
	}
}
@media only screen and (min-width: 1200px) {
	
	.section.head-wrap {
        height: 600px;
    }
	header {
        min-height: 540px;
		height: 100%;
		margin-top: 0;
		position: relative;
		box-sizing: border-box;
		top:0;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0;
    }
	h1 {
		display: block;
		position: relative;
		text-align: left;
		margin: 0 auto;
		z-index: 10;
		position: relative;
		width: 95vw;
		font-size: 1.8vw;
		top:215px;
		font-weight: normal;
	}
	h1 .year-2022 {
		color:#304c8e;
		text-transform: uppercase;
		font-size: 1.5em;
		position: relative;
		margin-bottom: .5em;
	}
	h1 .grow,
	h1 .you {
		color:#fff;
		background-color:#304c8e;
		display: inline;
		padding: .2em .5em .35em .5em;
		line-height: 1.5em;
		position: relative;
		z-index: 7;
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
		
		-webkit-box-shadow: 6px 6px 22px 0px rgba(0,0,0,0.35);
		-moz-box-shadow: 6px 6px 22px 0px rgba(0,0,0,0.35);
		box-shadow: 6px 6px 22px 0px rgba(0,0,0,0.35);
	}
	h1 .you {
		font-weight: normal;
		color:#fff;
		background-color:#ba5226;
		line-height: 2em;
		font-size: 2.5em;
	}
	h1 .grow {
		z-index: 6;
		top:-.01em;
		font-size: 2.1em;
		left:1.4em;
	}
	h1 .grow2 {
		top:.2em
	}
	
	.section article.nowrap,
	.article-img-wrap,
	.section .sec-nav,
	.article-table-wrap,
	.donors,
	.staff,
	.footnotes,
	nav#navigation-lrg .nav-wrapper,
	.video-wrapper {
		max-width: 1124px;
	}
	.promo-wrap  {
		max-width: 1100px;
	}
	.promo-wrap .copy {
		width: 55%;
	}
	.promo .img {
		width: 45%;
	}
	.promo h3 {
		width: 90%;
	}
	.promo h3.larger {
		font-size: 2.6rem;
	}
	.promo p {
		width: 90%;
	}
	.promo p.larger {
		font-size: 1.5rem;
		line-height: 1.4em;
	}
	.promo .links {
		align-items: stretch;
    }
	nav#navigation-lrg .nav-wrapper a {
    	font-size: 1.4rem;
	}
	.sec-con-wrap {
		padding:1px 3em 1em 2em;
	}
	.callout p, .callout h4 {
		margin-right: 26px;
		margin-left: 26px;
	}
	.callout p {
		margin-bottom: 1.5em;
	}
	.half-flex .half-img {
		max-width: 48%;
		min-width: 48%;
		margin-left: 2em;
	}
	.outline {
		position: relative;
	}
	.outline img{
		position: relative;
		z-index: 1;
	}
	.outline::before {
		content:" ";
		position: absolute;
		top:14px;
		left: 14px;
		border:#ba5226 2px solid;
		width: 100%;
		height: 100%;
		z-index: 0;
	}
	.outline.amie::before {
		height: 576px;
		border:#fff 2px solid;
	}
	.but-4 .sec-content,
	.but-3 .sec-content,
	.but-2 .sec-content,
	.but-1 .sec-content{
    	max-width: 1124px;
	}
	.sec-nav-entry {
		width: 30%;
	}
	.but-4 .sec-nav-entry {
		width: 23%;
	}
	.but-4 .sec-nav-entry:nth-child(2n+0) .sec-content {
		margin-left: calc(-265px - 9%);
	}
	.but-4 .sec-nav-entry:nth-child(3n+0) .sec-content {
		margin-left: calc(-554px - 9%);
	}
	.but-4 .sec-nav-entry:nth-child(4n+0) .sec-content {
		margin-left: calc(-842px - 9%);
	}
	.but-4 .sec-nav-entry:nth-child(1n+0){
		margin-left:0;
		margin-right: 2.667%;
	}
	.but-4 .sec-nav-entry:nth-child(2n+0){
		margin-left:0;
		margin-right: 2.667%;
	}
	.but-4 .sec-nav-entry:nth-child(3n+0){
		margin-left:0;
		margin-right: 2.667%;
	}
	.but-4 .sec-nav-entry:nth-child(4n+0){
		margin-left:0;
		margin-right: 0;
	}
	
	.but-3 .sec-nav-entry:nth-child(1) .sec-content {
		margin-left: calc(3px - 9%);
	}
	.but-3 .sec-nav-entry:nth-child(2) .sec-content {
		margin-left: calc(-363px - 9%);
	}
	.but-3 .sec-nav-entry:nth-child(3) .sec-content {
		margin-left: calc(-730px - 9%);
	}
	
	.but-3 .sec-nav-entry:nth-child(1){
		margin-left:0;
		margin-right: 2.667%;
	}
	.but-3 .sec-nav-entry:nth-child(2){
		margin-left:0;
		margin-right: 2.667%;
	}
	.but-3 .sec-nav-entry:nth-child(3){
		margin-left:0;
		margin-right: 0;
	}

	.but-2 .sec-nav-entry:nth-child(1n+0) .sec-content {
		margin-left: calc(-180px - 9%);
	}
	.but-2 .sec-nav-entry:nth-child(2n+0) .sec-content {
		margin-left: calc(-546px - 9%);
	}
	.but-2 .sec-nav-entry:nth-child(1n+0){
		margin-left:18.6665%;
		margin-right: 2.667%;
	}
	.but-2 .sec-nav-entry:nth-child(2n+0){
		margin-left:0;
		margin-right: 18.6665%;
	}

	.but-1 .sec-nav-entry:nth-child(1n+0) .sec-content {
		margin-left: calc(-363px - 9%);
	}
	
	.sec-content {
		display: flex;
	}
	.sec-content .sec-con-wrap{
		min-width: 50%;
	}
	
	.sec-img {
		max-width: 450px;
		min-width: 450px;
		margin-left: 3em;
	}
	.section h2 {
		margin: 2em auto;
    	font-size: 2.8rem;
		max-width: 1200px
	}
	.section .desc {
		font-size: 2rem;
	}
	
	.sec-nav-butt-desc.small-1200 {
		font-size: 1.1rem;
	}
	.callout.width-40-1200 {
		min-width: 40%;
	}
	.callout.width-40-1200.narrower {
		min-width: 39%;
	}
	.callout.just-imgs {
		background-color: #fff;
	}
	.callout.just-imgs-2 {
		min-width: 540px;
		background-color: #fff;
	}
	.callout.just-imgs-1 {
		min-width: 200px;
		max-width: 200px;
	}
	.callout.just-imgs-3 {
		background-color: #fff;
		min-width: 50%;
	}
	.callout.just-imgs-horz {
		background-color: #fff;
		min-width: 60%;
	}
	.callout.just-imgs.flex {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.callout.just-imgs.flex .align-bottom{
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
	.sec-con-wrap.w-40 {
		min-width: 40%;
		max-width: 40%;
	}
	.section .article-table-wrap .article{
		max-width: none;
		font-size: 2rem;
	}
	.section .article-table-wrap .finances{
		min-width: 550px;
		margin: 0 4em 0 0;
	}
	.donors ul {
		column-count: 4;
		column-gap: 3em;
	}
	.pullout-center {
		width: 900px;
		font-size: 1.7rem;
		margin: 3em auto;
	}
	.article-img-wrap.circle-rev {
		justify-content: center;
	}
	.article-img-wrap.circle-rev .sec-img {
		max-width: 400px;
		min-width: 400px;
		margin-right: 4em;
	}
	.article-img-wrap.circle-rev .article-wrap {
		max-width: 450px;
		min-width: 450px;
	}
	.staff .entry {
		max-width: 31%;
		min-width: 31%;
		margin: 1.5em 0;
	}
	.staff .entry:nth-child(2n + 1) {
		margin: 0;
	}
	.staff .entry:nth-child(2n + 0) {
		margin: 0;
	}
	.staff .entry:nth-child(3n + 1) {
		margin: 2em 1.75% 2em 0;
	}
	.staff .entry:nth-child(3n + 2) {
		margin: 2em 1.75% 2em 1.75%;
	}
	.staff .entry:nth-child(3n + 0) {
		margin: 2em 0 2em 1.75%;
	}
	.staff .img {
		margin: 0 1.5em 0 0;
	}
	/*.promo {
		padding:9em 2em;
	}
	.promo .img {
		width: 60%;
		right: 0;
		top: -4.5em;
	}
	.promo h3 {
		margin: 0 0 0 0;
		font-size: 2.8rem;
	}
	.promo p {
		font-size: 1.4rem;
	}*/
	.video-section .caption {
		font-size: 2rem;
	}
	.video-section {
		margin: 6em 0;
	}
	nav#navigation-lrg .nav-wrapper {
		column-count: 3;
	}
	nav#navigation-lrg .nav-wrapper a {
		font-size: 1.2rem;
	}
	.promo a.button.button1 {
		max-width: 408px;
		font-size: 1.4em;
	}
	.icons-wrap {
		padding: 0 1.4em 2em 1.4em;
	}
	.icons-entry-wrap {
		justify-content: center;
	}
	.icons-entry-wrap .icon-entry {
		max-width: 33.33%;
		min-width: 33.33%;
		margin: 1.5em 0 2em 0;
	}
}
@media only screen and (min-width: 1275px) {
	.section.head-wrap {
		height: 850px;
	}	
	h1 {
		width: 1200px;
		left:calc(50% - 600px);
		font-size: 1.4rem;
		top:200px;
		position:absolute;
		z-index: 14;
	}
	header {
		min-height: 540px;
	}
	header .head-img {
		width: 1200px;
		left:calc(50% - 600px);
		position:absolute;
		top:0;
		bottom: 0;
	}
	
	header .head-img {
		display:block;
		position: absolute;
		top:20px;
		right:auto;
		bottom:0;
		left: calc(50% - 600px);
		font-size: 2vw;
	}
	.tablet-h1,
	.head-img-mobile {
		display: none;
	}
	header .head-img .head1,
	header .head-img .head2,
	header .head-img .head3,
	header .head-img .head4,
	header .head-img .head5 {
		height: 240px;
		position: absolute;
	}
	header .head-img .head1 img,
	header .head-img .head2 img,
	header .head-img .head3 img,
	header .head-img .head4 img,
	header .head-img .head5 img {
		height: auto;
		width:100%;
		-webkit-box-decoration-break: clone;
        -webkit-box-shadow: 6px 6px 22px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 6px 6px 22px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 6px 6px 22px 0px rgba(0, 0, 0, 0.35);
	}
	header .head-img .head1 {
		top: 30%;
        left: 66%;
        width: 30%;
		z-index: 7;
	}
	header .head-img .head2 {
		top: -3%;
        left: 60%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head3 {
		top: 14%;
        left: 37%;
        width: 31%;
		z-index: 6;
	}
	header .head-img .head4 {
		top: 38%;
        left: 44%;
        width: 30%;
		z-index: 9;
	}
	header .head-img .head5 {
		top: 10%;
        left: 67%;
        width: 33%;
		z-index: 6;
	}

	.section article.nowrap,
	.article-img-wrap,
	.section .sec-nav,
	.article-table-wrap,
	.donors,
	.staff,
	.footnotes,
	nav#navigation-lrg .nav-wrapper,
	.video-wrapper {
		max-width: 1200px;
	}
	.but-4 .sec-content,
	.but-3 .sec-content,
	.but-2 .sec-content,
	.but-1 .sec-content{
    	max-width: 1200px;
	}
	.but-4 .sec-nav-entry:nth-child(2n+0) .sec-content {
		margin-left: calc(-283px - 9%);
	}
	.but-4 .sec-nav-entry:nth-child(3n+0) .sec-content {
		margin-left: calc(-590px - 9%);
	}
	.but-4 .sec-nav-entry:nth-child(4n+0) .sec-content {
		margin-left: calc(-900px - 9%);
	}
	.but-3 .sec-nav-entry:nth-child(1) .sec-content {
		margin-left: calc(3px - 9%);
	}
	.but-3 .sec-nav-entry:nth-child(2) .sec-content {
		margin-left: calc(-388px - 9%);
	}
	.but-3 .sec-nav-entry:nth-child(3) .sec-content {
		margin-left: calc(-780px - 9%);
	}
	.but-2 .sec-nav-entry:nth-child(1n+0) .sec-content {
		margin-left: calc(-192px - 9%);
	}
	.but-2 .sec-nav-entry:nth-child(2n+0) .sec-content {
		margin-left: calc(-583px - 9%);
	}
	.but-1 .sec-nav-entry:first-child .sec-content {
		margin-left: calc(-388px - 9%);
	}
	.sec-img {
		max-width: 500px;
		min-width: 500px;
	}
	.letter.section {
		padding: 5em 0;
	}
	/*.promo .img {
		width: 65%;
		right: 0;
		top: -5em;
	}
	.promo p {
		font-size: 1.6rem;
		width: 65%;
	}
	.promo a.button {
		font-size: 1.5rem;
		max-width: 320px;
		border-radius: 5px;
	}*/
	.video-section .caption {
		font-size: 2.2rem;
	}
}
@media only screen and (min-width: 1400px) {
	h1 {
        font-size: 1.5rem;
        top: 260px;
    }
	header .head-img .head1 {
		top: 37%;
        left: 70%;
        width: 30%;
		z-index: 7;
	}
	header .head-img .head2 {
		top: 0%;
        left: 60%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head3 {
		top: 24%;
        left: 40%;
        width: 31%;
		z-index: 6;
	}
	header .head-img .head4 {
		top: 46%;
        left: 48%;
        width: 30%;
		z-index: 9;
	}
	header .head-img .head5 {
		top: 14%;
        left: 75%;
        width: 33%;
		z-index: 6;
	}
}
@media only screen and (min-width: 1600px) {
	h1 {
        font-size: 1.5rem;
        top: 260px;
    }
	header .head-img .head1 {
		top: 37%;
        left: 70%;
        width: 30%;
		z-index: 7;
	}
	header .head-img .head2 {
		top: 0;
        left: 60%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head3 {
		top: 28%;
        left: 40%;
        width: 31%;
		z-index: 6;
	}
	header .head-img .head4 {
		top: 50%;
        left: 48%;
        width: 30%;
		z-index: 9;
	}
	header .head-img .head5 {
		top: 14%;
        left: 75%;
        width: 33%;
		z-index: 6;
	}
}
@media only screen and (min-height: 900px) {
	h1 {
        font-size: 1.5rem;
        top: 260px;
    }
	header .head-img .head1 {
		top: 37%;
        left: 70%;
        width: 30%;
		z-index: 7;
	}
	header .head-img .head2 {
		top: 0%;
        left: 56%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head3 {
		top: 28%;
        left: 40%;
        width: 31%;
		z-index: 6;
	}
	header .head-img .head4 {
		top: 50%;
        left: 48%;
        width: 30%;
		z-index: 9;
	}
	header .head-img .head5 {
		top: 14%;
        left: 75%;
        width: 33%;
		z-index: 6;
	}
}
@media only screen and (min-height: 1000px) {
	h1 {
        top: 280px;
    }
	header .head-img {
		top:40px;
	}
	header .head-img .head1 {
		top: 40%;
        left: 70%;
        width: 30%;
		z-index: 7;
	}
	header .head-img .head2 {
		top: 0;
        left: 60%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head3 {
		top: 28%;
        left: 40%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head4 {
		top: 52%;
        left: 48%;
        width: 30%;
		z-index: 9;
	}
	header .head-img .head5 {
		top: 14%;
        left: 75%;
        width: 33%;
		z-index: 6;
	}
}
@media only screen and (min-height: 1100px) {
	h1 {
        top: 290px;
    }
	header .head-img {
		top:50px;
	}
	header .head-img .head1 {
		top: 42%;
        left: 70%;
        width: 30%;
		z-index: 7;
	}
	header .head-img .head2 {
		top: 0;
        left: 60%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head3 {
		top: 28%;
        left: 40%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head4 {
		top: 54%;
        left: 48%;
        width: 30%;
		z-index: 9;
	}
	header .head-img .head5 {
		top: 14%;
        left: 75%;
        width: 33%;
		z-index: 6;
	}
}
@media only screen and (min-height: 1200px) {
	h1 {
        top: 270px;
    }
	header .head-img .head1 {
		top: 44%;
        left: 70%;
        width: 30%;
		z-index: 7;
	}
	header .head-img .head2 {
		top: 0%;
        left: 60%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head3 {
		top: 28%;
        left: 40%;
        width: 32%;
		z-index: 6;
	}
	header .head-img .head4 {
		top: 56%;
        left: 48%;
        width: 30%;
		z-index: 9;
	}
	header .head-img .head5 {
		top: 14%;
        left: 75%;
        width: 33%;
		z-index: 6;
	}
}
@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}