/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class='columns-6'></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 {
  width: 100%; }

@media only screen and (min-width: 64em) {
  .columns-1 {
    float: left;
    width: 8.33333%;
    padding: 0 0.625em; }
  .columns-2 {
    float: left;
    width: 16.66667%;
    padding: 0 0.625em; }
  .columns-3 {
    float: left;
    width: 25%;
    padding: 0 0.625em; }
  .columns-4 {
    float: left;
    width: 33.33333%;
    padding: 0 0.625em; }
  .columns-5 {
    float: left;
    width: 41.66667%;
    padding: 0 0.625em; }
  .columns-6 {
    float: left;
    width: 50%;
    padding: 0 0.625em; }
  .columns-7 {
    float: left;
    width: 58.33333%;
    padding: 0 0.625em; }
  .columns-8 {
    float: left;
    width: 66.66667%;
    padding: 0 0.625em; }
  .columns-9 {
    float: left;
    width: 75%;
    padding: 0 0.625em; }
  .columns-10 {
    float: left;
    width: 83.33333%;
    padding: 0 0.625em; }
  .columns-11 {
    float: left;
    width: 91.66667%;
    padding: 0 0.625em; }
  .columns-12 {
    float: left;
    width: 100%;
    padding: 0 0.625em; } }

@font-face {
  font-family: 'Gotham Book';
  src: url("../fonts/gothmbok-webfont.eot");
  src: url("../fonts/gothmbok-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothmbok-webfont.woff2") format("woff2"), url("../fonts/gothmbok-webfont.woff") format("woff"), url("../fonts/gothmbok-webfont.ttf") format("truetype"), url("../fonts/gothmbok-webfont.svg#gothmbok") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Book';
  src: url("../fonts/gothmbol-webfont.eot");
  src: url("../fonts/gothmbol-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothmbol-webfont.woff2") format("woff2"), url("../fonts/gothmbol-webfont.woff") format("woff"), url("../fonts/gothmbol-webfont.ttf") format("truetype"), url("../fonts/gothmbol-webfont.svg#gothmbol") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Light';
  src: url("../fonts/gothmlig-webfont.eot");
  src: url("../fonts/gothmlig-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothmlig-webfont.woff2") format("woff2"), url("../fonts/gothmlig-webfont.woff") format("woff"), url("../fonts/gothmlig-webfont.ttf") format("truetype"), url("../fonts/gothmlig-webfont.svg#gothmlig") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Medium';
  src: url("../fonts/gothmmed-webfont.eot");
  src: url("../fonts/gothmmed-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothmmed-webfont.woff2") format("woff2"), url("../fonts/gothmmed-webfont.woff") format("woff"), url("../fonts/gothmmed-webfont.ttf") format("truetype"), url("../fonts/gothmmed-webfont.svg#gothmmed") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Bold';
  src: url("../fonts/gothmbol-webfont.eot");
  src: url("../fonts/gothmbol-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothmbol-webfont.woff2") format("woff2"), url("../fonts/gothmbol-webfont.woff") format("woff"), url("../fonts/gothmbol-webfont.ttf") format("truetype"), url("../fonts/gothmbol-webfont.svg#gothmbol") format("svg");
  font-weight: normal;
  font-style: normal; }

*,
*:before,
*:after {
  box-sizing: border-box;
  word-wrap: break-word; }

html {
  font-family: "Gotham Book", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: #fff;
  color: #272727;
  font-family: "Gotham Book", sans-serif;
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.5rem; }

@-webkit-viewport {
  width: device-width;
  zoom: 1; }

@-moz-viewport {
  width: device-width;
  zoom: 1; }

@-ms-viewport {
  width: device-width;
  zoom: 1; }

@viewport {
  width: device-width;
  zoom: 1; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent;
  color: #00a7d8; }
  a:hover, a:focus {
    outline: 0;
    color: #3fd3ff; }
  a:visited {
    color: #0080a5; }
  a:active {
    outline: 0;
    color: #006c8c; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gotham Light", sans-serif;
  line-height: 1.1;
  text-shadow: none; }

h1,
.h1 {
  margin-bottom: "1remem";
  color: #00a7d8;
  font-size: 2.875rem;
  font-weight: 300; }

h2,
.h2 {
  margin-bottom: "1remem";
  color: #00a7d8;
  font-size: 1.5em;
  font-weight: 300; }

h3,
.h3 {
  margin-bottom: "0.85714remem";
  color: #00a7d8;
  font-size: 1.375em;
  font-weight: 300; }

h4,
.h4 {
  margin-bottom: "0.85714remem";
  color: #00a7d8;
  font-size: 1.25em;
  font-weight: 300; }

h5,
.h5 {
  margin-bottom: "0.75remem";
  color: #00a7d8;
  font-size: 1.125em;
  font-weight: 300; }

h6,
.h6 {
  margin-bottom: "0.75remem";
  color: 1em;
  font-size: 1em;
  font-weight: 300; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

em,
i,
dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

hr {
  box-sizing: content-box;
  height: 0; }

p {
  margin-top: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  color: #272727;
  font-family: monospace;
  font-size: 0.875rem; }

blockquote {
  margin-bottom: 0.875rem;
  padding-left: 0;
  border-left: 0 solid #e6e6e6;
  color: gray;
  font-family: "Gotham Light", sans-serif;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 200; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

label {
  color: #272727;
  font-size: 1.125rem;
  font-weight: bold; }

input[type='text'],
input[type='date'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='url'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='file'],
input[type='password'],
select,
.textbox {
  padding: 0.375rem 1.5rem;
  background-color: #fff;
  border: 0.0625rem solid #e6e6e6;
  color: #272727;
  font-family: "Gotham Book", sans-serif;
  font-size: 1rem;
  text-transform: none; }
  input[type='text']:active, input[type='text']:focus,
  input[type='date']:active,
  input[type='date']:focus,
  input[type='time']:active,
  input[type='time']:focus,
  input[type='datetime']:active,
  input[type='datetime']:focus,
  input[type='datetime-local']:active,
  input[type='datetime-local']:focus,
  input[type='url']:active,
  input[type='url']:focus,
  input[type='email']:active,
  input[type='email']:focus,
  input[type='number']:active,
  input[type='number']:focus,
  input[type='search']:active,
  input[type='search']:focus,
  input[type='file']:active,
  input[type='file']:focus,
  input[type='password']:active,
  input[type='password']:focus,
  select:active,
  select:focus,
  .textbox:active,
  .textbox:focus {
    outline-color: #f00; }

textarea {
  display: block; }

::-webkit-input-placeholder {
  color: gray;
  font-size: 1em;
  font-style: normal;
  font-family: "Gotham Book", sans-serif; }

:-moz-placeholder {
  color: gray;
  font-size: 1em;
  font-style: normal;
  text-transform: uppercase;
  font-family: "Gotham Book", sans-serif; }

::-moz-placeholder {
  color: gray;
  font-size: 1em;
  font-style: normal;
  text-transform: uppercase;
  font-family: "Gotham Book", sans-serif; }

:-ms-input-placeholder {
  color: gray;
  font-size: 1em;
  font-style: normal;
  text-transform: uppercase;
  font-family: "Gotham Book", sans-serif; }

button,
.button,
input[type='button'],
input[type='submit'],
input[type='reset'] {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0.5rem 1.5rem;
  overflow: visible;
  background-color: #fff;
  border: 0.25rem solid #272727;
  color: #272727;
  font-family: "Gotham Book", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: none;
  cursor: pointer; }
  button.alt,
  .button.alt,
  input[type='button'].alt,
  input[type='submit'].alt,
  input[type='reset'].alt {
    background-color: #272727; }
  button:active, button:focus,
  .button:active,
  .button:focus,
  input[type='button']:active,
  input[type='button']:focus,
  input[type='submit']:active,
  input[type='submit']:focus,
  input[type='reset']:active,
  input[type='reset']:focus {
    outline-color: none; }
  button:hover, button:focus, button:visited,
  .button:hover,
  .button:focus,
  .button:visited,
  input[type='button']:hover,
  input[type='button']:focus,
  input[type='button']:visited,
  input[type='submit']:hover,
  input[type='submit']:focus,
  input[type='submit']:visited,
  input[type='reset']:hover,
  input[type='reset']:focus,
  input[type='reset']:visited {
    color: #272727;
    text-decoration: none;
    border: 0.25rem solid #272727; }

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], button[readonly],
html input[disabled],
html input[readonly],
textarea[disabled],
textarea[readonly],
select[disabled],
select[readonly] {
  cursor: default;
  opacity: .5; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0; }

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto; }

input[type='search'] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.875rem; }

tr:nth-child(even) td {
  background: #e6e6e6; }

td,
th {
  padding: 0.25rem; }

.wrapper {
  position: relative;
  padding-top: 3.75rem;
  overflow: hidden;
  z-index: 1; }

h1 {
  margin: 0 0 1rem;
  font-size: 2.5rem;
  line-height: 3.125rem; }

.column--dropdown svg {
  pointer-events: none; }

object {
  width: 100%; }

@media only screen and (min-width: 36.5em) {
  h1 {
    font-size: 2.5rem;
    line-height: 3.4375rem; } }

@media only screen and (min-width: 47.5em) {
  h1 {
    font-size: 2.125rem;
    line-height: 3.4375rem; } }

@media only screen and (min-width: 63em) {
  h1 {
    font-size: 2.125rem;
    line-height: 3.4375rem; } }

@media only screen and (min-width: 1100px) {
  h1 {
    font-size: 2.5rem;
    line-height: 3.4375rem; } }

@media screen and (min-width: 47.5em) {
  .wrapper {
    padding-top: 0; } }

.body--header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.75rem;
  padding: .75rem;
  background: #00a7d8;
  z-index: 1000000; }

.header--title {
  height: 100%;
  margin: 0;
  line-height: 1; }
  .header--title img {
    height: 100%; }

@media screen and (min-width: 47.5em) {
  .body--header {
    left: 1.25rem;
    width: 4.5rem;
    height: 100%;
    padding: .25rem; }
  .header--title {
    width: 100%;
    height: auto; }
    .header--title img {
      width: 100%;
      height: auto; } }

.open-close-menu {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 3.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  z-index: 1001; }
  .open-close-menu:hover, .open-close-menu:focus, .open-close-menu:active {
    border: 0;
    outline: 0; }

.open-close-menu--inner {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% - 1px);
  left: 50%;
  width: 2rem;
  height: 1.3125rem;
  padding: 0 0.125rem; }
  .open-close-menu--inner .menu-line {
    width: 100%;
    height: 0.1875rem;
    margin-bottom: 0.375rem;
    background: #fff; }
    .open-close-menu--inner .menu-line.line3 {
      margin-bottom: 0; }

.menu-line {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  transition: all .3s; }
  .menu-line.line2 {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.open-menu .line1 {
  -webkit-transform: rotate(-39deg);
  -ms-transform: rotate(-39deg);
  transform: rotate(-39deg);
  -webkit-transform: rotate(-39deg);
  -ms-transform: rotate(-39deg);
  transform: rotate(-39deg); }

.open-menu .line2 {
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

.open-menu .line3 {
  -webkit-transform: rotate(39deg);
  -ms-transform: rotate(39deg);
  transform: rotate(39deg); }

.open-menu .main-nav {
  left: 0; }

.main-nav {
  position: absolute;
  top: 100%;
  left: 100%;
  width: 100%;
  padding: .75rem;
  transition: left .3s ease;
  border-bottom: 10px solid #00a7d8;
  background: #0070b8;
  opacity: .95;
  z-index: 99; }

.nav--a {
  display: block;
  position: relative;
  padding: .25rem 0;
  transition: color .2s;
  color: #fff;
  text-decoration: none; }
  .nav--a:hover, .nav--a.active {
    color: #bdd8db; }
    .nav--a:hover::after, .nav--a.active::after {
      opacity: 1; }
  .nav--a .nav--icon {
    display: none; }

.nav--logo {
  position: fixed;
  top: 0;
  left: 2rem;
  height: 3.75rem;
  padding: .75rem;
  z-index: 88; }

.nav--text {
  margin-top: .75rem;
  color: #fff; }

@media screen and (max-width: 47.425em) {
  .open-menu .line1 {
    -webkit-transform: rotate(-39deg);
    -ms-transform: rotate(-39deg);
    transform: rotate(-39deg); }
  .open-menu .line2 {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1); }
  .open-menu .line3 {
    -webkit-transform: rotate(39deg);
    -ms-transform: rotate(39deg);
    transform: rotate(39deg); }
  .open-menu .main-nav {
    left: 0; } }

@media screen and (min-width: 47.5em) {
  .nav--a .nav--icon {
    display: block; }
  .main-nav {
    position: static;
    top: 100%;
    left: 100%;
    width: 100%;
    border-bottom: 0;
    background: transparent;
    opacity: 1;
    z-index: 99; }
  .nav--logo {
    position: static;
    top: auto;
    left: auto;
    height: auto;
    padding: 0; }
  .open-close-menu {
    display: none; }
  .main-nav {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transition: none; }
    .main-nav a {
      width: 85%;
      height: 2rem;
      margin: 0 auto .5rem; }
      .main-nav a.nav--logo {
        width: 130%;
        margin-bottom: 2.5rem;
        margin-left: -15%; }
      .main-nav a object {
        pointer-events: none; }
      .main-nav a .nav--text {
        text-shadow: none;
        text-indent: 1000%;
        white-space: nowrap;
        overflow: hidden;
        height: 0;
        margin: 0; }
      .main-nav a::before, .main-nav a::after {
        left: .25rem; } }

.buttons--button strong {
  color: #fff; }

.buttons--button .button--dropdown {
  display: none; }

.buttons--button.active {
  display: block; }
  .buttons--button.active .button--dropdown {
    display: block; }
  .buttons--button.active .span {
    display: none; }

.dropdown--leaders-heading {
  text-align: left; }
  .dropdown--leaders-heading h2 {
    margin: .25rem 0 0;
    color: #fff;
    font-family: 'Gotham Bold';
    font-size: 1.25rem;
    line-height: 2;
    opacity: .5; }

@media only screen and (min-width: 47.5em) {
  .dropdown--leaders-heading {
    text-align: center; } }

.main--section {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 5rem;
  transition-duration: .75s; }

.section--container,
.mission--container {
  position: relative;
  padding: 1.25rem; }

.section--triangle {
  -webkit-transform: translate(0, 90%);
  -ms-transform: translate(0, 90%);
  transform: translate(0, 90%);
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  z-index: 999; }
  .section--triangle img {
    display: block;
    margin: 0 auto; }

.main--honor .section--svg-triangle .background--left {
  background-color: #dde9eb; }

.main--honor .section--svg-triangle .background--right {
  background-color: #dde9eb; }

.section--svg-triangle {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  margin: 0 auto;
  padding-top: 1.35%;
  z-index: 999; }
  .section--svg-triangle .background--left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35%;
    height: 11px;
    background-color: #fff; }
  .section--svg-triangle .background--right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35%;
    height: 11px;
    background-color: #fff; }
  .section--svg-triangle object {
    width: 100%; }
  .section--svg-triangle svg {
    display: block;
    position: absolute;
    right: 0;
    bottom: -.04rem;
    left: 0;
    width: 105%;
    max-width: 800px;
    margin: 0 auto; }

.svg-triangle {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto; }
  .svg-triangle img {
    display: block;
    max-width: 800px;
    margin: 0 auto; }

.section--button {
  max-width: 190px;
  height: 40px;
  margin: 0 auto;
  padding: .4rem 0;
  border: 0.2rem solid #00a7d8;
  color: #00a7d8;
  font-family: 'Gotham Medium';
  font-size: 0.8125rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition-duration: .25s; }

.section--button:hover {
  background-color: #00a7d8;
  color: #fff; }

.section--column {
  position: relative; }

.column--button-link {
  display: block;
  max-width: 190px;
  margin: 0 auto;
  text-decoration: none; }

.column--name {
  left: 0; }
  .column--name br {
    display: none; }
  .column--name p {
    color: #666; }

@media only screen and (min-width: 47.5em) {
  .section--svg-triangle {
    display: block; }
  .section--triangle {
    display: block; }
  .main--section {
    padding-top: 0; }
  .column--name {
    padding-right: 2rem; }
  .section--container {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 900px;
    margin-left: 14.12%;
    padding: 112px 1.25rem 0; }
  .mission--container,
  .triangle--container {
    width: 75%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 1.25rem; }
  .section--column {
    width: 50%; }
  .section--column:nth-of-type(1) {
    padding-right: 10%; }
  .main--section:nth-of-type(1) .section--column:nth-of-type(1) {
    width: 40%; }
  .main--section:nth-of-type(1) .section--column:nth-of-type(2) {
    width: 58%; }
  .main--collection .section--column:nth-of-type(1) {
    width: 43%; }
  .main--collection .section--column:nth-of-type(2) {
    width: 57%; }
  .column--name br {
    display: block; } }

@media only screen and (min-width: 1254px) {
  .mission--container,
  .triangle--container,
  .section--container {
    margin: 0 auto; }
  .section--svg-triangle .background--left {
    width: 45%;
    height: 10.5px; }
  .section--svg-triangle .background--right {
    width: 45%;
    height: 10.5px; } }

.main--mission {
  padding-bottom: 5rem; }

.mission--background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background-color: #272727;
  background-image: url("../img/header-background_3x.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
  content: ' ';
  z-index: -1;
  will-change: transform; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .mission--background {
      background-image: url(../img/header-background_2x.jpg); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
    .mission--background {
      background-image: url(../img/header-background_3x.jpg); } }

.mission--gradient {
  background-image: -webkit-linear-gradient(to bottom, rgba(39, 39, 39, 0), #272727);
  background-color: #272727;
  background-image: linear-gradient(to bottom, rgba(39, 39, 39, 0), #272727 20%, #272727);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(39, 39, 39, 0)', endColorstr='#272727',GradientType=0 );
  background-repeat: repeat-x;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(100% - 10rem);
  margin-top: 10rem;
  background-color: transparent;
  z-index: 0; }

.mission--logo-wrapper {
  position: relative;
  padding: 1rem;
  text-align: center; }

.main--logo {
  max-width: 21.875rem;
  margin: 0 auto; }

.year-in-review {
  display: block;
  position: relative;
  margin: 0;
  padding: .5rem 0 2rem;
  color: #fff;
  font-family: 'Gotham Bold', sans-serif;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
  z-index: 2; }

.mission--letter-buttons {
  position: relative;
  z-index: 2; }
  .mission--letter-buttons button {
    width: 100%;
    margin-bottom: .5rem;
    border: 0.125rem solid #00a7d8;
    background: transparent;
    color: #00a7d8;
    font-size: 0.8125rem;
    text-align: center;
    text-transform: uppercase;
    transition-duration: .25s; }
    .mission--letter-buttons button:active, .mission--letter-buttons button:focus {
      outline: none; }
    .mission--letter-buttons button:hover {
      background-color: #00a7d8;
      color: #fff; }

.mission {
  color: #666; }
  .mission strong {
    color: #fff;
    font-weight: normal;
    text-transform: uppercase; }

.alt-color {
  color: #0070b8; }

.leaders--buttons {
  text-align: center; }
  .leaders--buttons .button--dropdown {
    width: 100%;
    margin-left: auto;
    padding-bottom: 25px; }
    .leaders--buttons .button--dropdown p {
      color: #666;
      text-align: left; }
  .leaders--buttons a {
    color: #666; }
  .leaders--buttons button {
    width: 300px;
    max-width: 100%;
    height: 42px;
    border: 0;
    background: transparent no-repeat 50% 50%;
    background-size: 100% 100%;
    color: #fff;
    text-align: left;
    text-transform: uppercase; }
    .leaders--buttons button:active, .leaders--buttons button:focus {
      outline: none; }
  .leaders--buttons .button--board-of-directors {
    padding-left: 5.125rem;
    background: url(../img/button-bg_board-of-directors.svg) no-repeat 50% 50%; }
  .leaders--buttons .button--senior-leadership {
    position: relative;
    background: url(../img/button-bg_senior-leadership.svg) no-repeat 50% bottom;
    line-height: 1; }
    .leaders--buttons .button--senior-leadership span {
      display: block;
      position: absolute;
      top: 0.25rem;
      left: 5.125rem; }
  .leaders--buttons p {
    margin: 0; }
  .leaders--buttons .leaders--margin {
    margin-top: 25px; }

.button--senior-leadership,
.button--board-of-directors {
  position: relative; }
  .button--senior-leadership img,
  .button--board-of-directors img {
    display: block;
    transition-duration: .75s; }

.button-icon {
  position: absolute;
  top: 71%;
  left: 21.5%;
  width: 4.85%;
  max-width: 18px;
  background-color: #fff;
  pointer-events: none; }
  .button-icon.rotate img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.button--senior-leadership .button-icon {
  top: 43%; }

.buttons--button:nth-of-type(2) {
  margin-top: 3rem; }

.dropdown--leaders-heading.hide {
  opacity: 0; }

.button--dropdown span {
  color: #0070b8;
  font-size: 0.8125rem; }

@media screen and (min-width: 47.5em) {
  .main--mission .mission--background {
    height: 45rem;
    background-position: 55.5% 60%;
    background-size: 170%; }
  .main--mission.loaded .mission--background {
    position: fixed; }
  .mission--gradient {
    height: calc(100% - 26rem);
    margin-top: 26rem; }
  .leaders--buttons .button--dropdown {
    width: 300px; }
  .mission--logo-wrapper {
    padding-top: 9rem;
    padding-bottom: 9rem; }
  .year-in-review {
    padding-bottom: 4rem; }
  .mission--letter-buttons button {
    width: 48%;
    min-width: 16rem;
    max-width: 18.25rem;
    padding: .75rem 1.5rem; }
  .leaders {
    *zoom: 1; }
    .leaders:before, .leaders:after {
      display: table;
      content: ''; }
    .leaders:after {
      clear: both; }
    .leaders h1 {
      float: left; }
  .leaders--buttons {
    text-align: right; } }

@media screen and (min-width: 29.5em) {
  .leaders,
  .mission {
    padding: 1rem; }
  .leaders--buttons .button--dropdown {
    width: 456px;
    max-width: 100%; }
  .leaders--buttons button {
    width: 443px;
    height: 62px;
    font-size: 1.25rem; }
  .leaders--buttons .button--board-of-directors {
    padding-left: 7.5rem; }
  .leaders--buttons .button--senior-leadership span {
    left: 7.5rem; }
  .leaders--buttons .leader-heading.hide {
    opacity: 0; }
  .leaders--columns {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; }
    .leaders--columns p {
      margin: 0; } }

@media screen and (min-width: 796px) {
  .mission--letter-buttons {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 617px;
    margin: 0 auto; } }

@media screen and (min-width: 816px) {
  .mission--letter-buttons button:first-child {
    margin-right: 1rem; } }

@media screen and (min-width: 1200px) {
  .main--mission {
    padding-bottom: 12rem; }
    .main--mission .mission--background {
      background-position: 63% 60%;
      background-size: 120%; }
  .leaders,
  .mission {
    padding: 3rem 1rem; } }

.main--highlights .section--background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-image: url("../img/pope-francis-background.jpg");
  background-repeat: no-repeat;
  background-position: 50% 10%;
  background-size: cover;
  content: ' ';
  z-index: -3;
  will-change: transform; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .main--highlights .section--background {
      background-image: url(../img/pope-francis-background_2x.jpg); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
    .main--highlights .section--background {
      background-image: url(../img/pope-francis-background_3x.jpg); } }

.column--photos {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-pack: multiple;
  -moz-box-pack: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 2rem; }

.photos--photo {
  position: relative;
  width: 50%; }
  .photos--photo img {
    display: block;
    width: 100%;
    max-width: none; }

.photo--open {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background-color: #00a7d8;
  cursor: pointer; }
  .photo--open img {
    display: block; }

@media only screen and (min-width: 36.5em) {
  .photos--photo {
    width: 49%;
    margin-bottom: .5rem; }
  .photos--photo:nth-child(n+3):nth-last-child(n+6),
  .photos--photo:nth-child(n+8) {
    width: 32%; } }

@media only screen and (min-width: 47.5em) {
  .main--highlights.loaded .section--background {
    position: fixed;
    opacity: 0;
    z-index: -1;
    transition-duration: .25s; }
  .main--highlights.loaded.within .section--background {
    opacity: 1; } }

.main--numbers {
  background-color: #fff; }

.number--memorial {
  width: 43.5244161%;
  margin: 0 auto; }

.number--museum {
  width: 59.447983%;
  margin: 0 auto; }

.number--members {
  width: 38.8535032%;
  margin: 0 auto; }

.column--number {
  text-align: center;
  text-transform: uppercase; }

.number--metric h2 {
  margin: 0;
  color: #0070b8;
  font-family: 'Gotham Bold';
  font-size: 3.125rem; }

.number--description {
  width: 74%;
  margin: 0 auto; }
  .number--description p {
    margin: 13px 0 55px; }

.column--number:nth-last-of-type(1) .number--description p {
  margin: 13px 0 20px; }

.main--visitors .section--background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/visitors-background.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  z-index: -1;
  will-change: transform; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .main--visitors .section--background {
      background-image: url(../img/visitors-background_2x.jpg); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
    .main--visitors .section--background {
      background-image: url(../img/visitors-background_3x.jpg); } }

.main--visitors .visitors--blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #256ebc;
  z-index: -2; }

.main--visitors h1 {
  color: #272727; }

.main--visitors h3 {
  color: #fff;
  font-family: 'Gotham Bold';
  transition-duration: .25s; }

.dropdown--topper {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  height: 75px;
  padding-bottom: .65rem;
  border-bottom: 0.175rem solid #fff;
  cursor: pointer; }
  .dropdown--topper.active h3 {
    opacity: .5; }

.column--dropdown {
  position: relative;
  margin-bottom: 50px; }
  .column--dropdown .dropdown--plus {
    position: absolute;
    right: 0;
    bottom: -18px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background-color: #fff;
    z-index: 999; }
    .column--dropdown .dropdown--plus object,
    .column--dropdown .dropdown--plus img {
      display: block;
      margin: 0 auto;
      cursor: pointer; }
  .column--dropdown.active .dropdown--list {
    position: relative;
    opacity: 1;
    pointer-events: auto; }
  .column--dropdown.active .dropdown--plus img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.dropdown--list {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px 20px;
  background-color: #fff;
  opacity: 0;
  pointer-events: none; }
  .dropdown--list.dropdown--mobile, .dropdown--list.dropdown--reviews {
    padding: 30px 30px 30px 94px; }
  .dropdown--list.dropdown--social {
    padding: 30px 20px 30px 54px; }

.topper--icon {
  width: 27.38%;
  pointer-events: none; }

.column--programs .topper--icon object,
.column--programs .topper--icon img {
  width: 48.78%;
  max-width: 50px; }

.column--mobile .topper--icon object,
.column--mobile .topper--icon img {
  width: 37.4%;
  max-width: 40px; }

.column--social .topper--icon object,
.column--social .topper--icon img,
.column--reviews .topper--icon object,
.column--reviews .topper--icon img {
  width: 62.6%;
  max-width: 55px; }

.topper--icon object,
.topper--icon img {
  -webkit-transform: translate(-20%, 0);
  -ms-transform: translate(-20%, 0);
  transform: translate(-20%, 0);
  display: block;
  margin: 0 auto; }

.topper--type {
  width: 72.62%; }
  .topper--type h3 {
    margin: 0 0 .25rem; }

.list--bar {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 1rem; }
  .list--bar:nth-last-of-type(1) {
    margin-bottom: 0; }

.bar--icon {
  width: 16.18%;
  margin-right: 1rem; }
  .bar--icon object,
  .bar--icon img {
    display: block;
    margin: 0 auto; }

.bar--text {
  width: 67%; }
  .bar--text strong {
    text-transform: uppercase; }
  .bar--text p:nth-of-type(1) {
    margin-top: 0; }

.list--app:nth-of-type(1) {
  margin-bottom: 2.5rem; }

.app--stars {
  width: 70%;
  margin-left: 2%; }

.review--text p {
  color: #666; }

.review-site--source,
.list--note p,
.stars--description {
  color: #0070b8;
  font-size: 0.8125rem; }
  .review-site--source a,
  .list--note p a,
  .stars--description a {
    color: #0070b8;
    text-decoration: none; }

.list--app p {
  color: #666; }

.list--app span,
.list--app strong {
  color: #272727;
  text-transform: uppercase; }

.dropdown--social .bar--icon {
  max-width: 25px; }

.review-site--stars {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-transform: translate(-15%, 0);
  -ms-transform: translate(-15%, 0);
  transform: translate(-15%, 0);
  width: 170%;
  margin-bottom: 2.5rem; }

.stars--stars {
  position: relative;
  width: 70%; }

.stars--description {
  position: absolute;
  bottom: -1.25rem;
  left: -20%;
  width: 140%;
  text-align: center; }

.review-site--review {
  position: relative;
  margin-top: 1.5rem; }

.review-site--review:nth-of-type(1) {
  margin-top: 0; }

.review--icon,
.badge--icon {
  position: absolute;
  top: 0;
  left: -70px; }

.review--icon {
  width: 60px; }

.badge--icon {
  left: -65px;
  width: 50px; }

.review--name p,
.review--text p {
  margin: 0; }

.review-site--badge {
  position: relative;
  margin: 1.5rem 0 2.5rem; }

.stars--number,
.stars--label {
  display: none; }

@media only screen and (min-width: 47.5em) {
  .main--visitors .section--background {
    position: fixed;
    opacity: 0;
    transition-duration: 1s; }
  .main--visitors.within .section--background {
    opacity: 1; } }

@media only screen and (min-width: 36.5em) {
  .stars--number,
  .stars--label {
    display: block; }
  .dropdown--list.dropdown--mobile {
    padding: 30px; }
  .review-site--stars {
    -webkit-transform: translate(-8%, 0);
    -ms-transform: translate(-8%, 0);
    transform: translate(-8%, 0);
    width: 110%; } }

@media only screen and (min-width: 800px) {
  .dropdown--list.dropdown--mobile {
    padding: 30px 30px 30px 94px; } }

.main--reflecting {
  background-color: #fff; }
  .main--reflecting .section--triangle {
    display: none; }
  .main--reflecting .nyc-skyline {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 600px;
    height: 100%;
    margin: 0 auto;
    background-image: url("../img/nyc-skyline.png");
    background-repeat: no-repeat;
    background-position: 50% 99%;
    background-size: 600px; }
  .main--reflecting h3 {
    color: #0070b8;
    font-family: 'Gotham Bold';
    font-size: 1.25rem;
    line-height: 2rem;
    text-transform: uppercase; }
  .main--reflecting.within .signing-steel-background:nth-of-type(2) {
    opacity: 1; }

.video--caption {
  display: none;
  padding: 20px 0; }

.reflecting--video {
  display: none;
  position: relative;
  height: 0;
  padding-top: 50%; }
  .reflecting--video video {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.reflecting--heading {
  padding-left: 20px;
  border-bottom: 0.175rem solid #00a7d8; }

.signing--header p {
  color: #666; }

.column--reflecting {
  position: relative; }

.reflecting--toggle {
  position: absolute;
  right: 0;
  bottom: -18px;
  left: 0;
  width: 18px;
  margin: 0 auto;
  background-color: #00a7d8; }
  .reflecting--toggle.open img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .reflecting--toggle img {
    display: block;
    cursor: pointer;
    transition-duration: .25s; }

@media only screen and (min-width: 47.5em) {
  .main--reflecting {
    background-attachment: fixed; }
    .main--reflecting .section--triangle {
      display: block; }
    .main--reflecting .nyc-skyline {
      height: 40%; }
    .main--reflecting .signing-steel-background {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60%;
      background-image: url("../img/signing-steel-background-1.jpg");
      background-position: 50% 50%;
      background-size: cover;
      background-attachment: fixed; } }
    @media only screen and (min-width: 47.5em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min-resolution: 192dpi), only screen and (min-width: 47.5em) and (min-resolution: 2dppx) {
      .main--reflecting .signing-steel-background {
        background-image: url(../img/signing-steel-background-1_2x.jpg); } }
    @media only screen and (min-width: 47.5em) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 47.5em) and (min--moz-device-pixel-ratio: 3), only screen and (min-width: 47.5em) and (min-device-pixel-ratio: 3), only screen and (min-width: 47.5em) and (min-resolution: 288dpi), only screen and (min-width: 47.5em) and (min-resolution: 3dppx) {
      .main--reflecting .signing-steel-background {
        background-image: url(../img/signing-steel-background-1_3x.jpg); } }

@media only screen and (min-width: 47.5em) {
    .main--reflecting .signing-steel-background:nth-of-type(2) {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60%;
      background-image: url("../img/signing-steel-background-2.jpg");
      background-position: 50% 50%;
      background-size: cover;
      background-attachment: fixed; } }
    @media only screen and (min-width: 47.5em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min-resolution: 192dpi), only screen and (min-width: 47.5em) and (min-resolution: 2dppx) {
      .main--reflecting .signing-steel-background:nth-of-type(2) {
        background-image: url(../img/signing-steel-background-2_2x.jpg); } }
    @media only screen and (min-width: 47.5em) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 47.5em) and (min--moz-device-pixel-ratio: 3), only screen and (min-width: 47.5em) and (min-device-pixel-ratio: 3), only screen and (min-width: 47.5em) and (min-resolution: 288dpi), only screen and (min-width: 47.5em) and (min-resolution: 3dppx) {
      .main--reflecting .signing-steel-background:nth-of-type(2) {
        background-image: url(../img/signing-steel-background-2_3x.jpg); } }

@media only screen and (min-width: 47.5em) {
    .main--reflecting .signing-steel-background:nth-of-type(3) {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60%;
      background-image: url("../img/signing-steel-background-3.jpg");
      background-position: 50% 50%;
      background-size: cover;
      background-attachment: fixed; } }
    @media only screen and (min-width: 47.5em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min-device-pixel-ratio: 2), only screen and (min-width: 47.5em) and (min-resolution: 192dpi), only screen and (min-width: 47.5em) and (min-resolution: 2dppx) {
      .main--reflecting .signing-steel-background:nth-of-type(3) {
        background-image: url(../img/signing-steel-background-3_2x.jpg); } }
    @media only screen and (min-width: 47.5em) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 47.5em) and (min--moz-device-pixel-ratio: 3), only screen and (min-width: 47.5em) and (min-device-pixel-ratio: 3), only screen and (min-width: 47.5em) and (min-resolution: 288dpi), only screen and (min-width: 47.5em) and (min-resolution: 3dppx) {
      .main--reflecting .signing-steel-background:nth-of-type(3) {
        background-image: url(../img/signing-steel-background-3_3x.jpg); } }

@media only screen and (min-width: 36.5em) {
  .main--reflecting {
    background-position: 70% 99%;
    background-size: 75%;
    background-attachment: fixed; }
  .column--signing {
    position: relative;
    margin-top: 80%; }
  .signing--header {
    -webkit-transform: translate(-111.5%, 50%);
    -ms-transform: translate(-111.5%, 50%);
    transform: translate(-111.5%, 50%);
    position: absolute;
    top: 0;
    width: 90%; } }

@media only screen and (min-width: 977px) {
  .main--reflecting {
    background-position: 170px 99%;
    background-size: 730px; } }

.main--collection .collection--black {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -2; }

.main--collection .section--background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: url("../img/collection-background.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  content: ' ';
  opacity: 0;
  z-index: -1;
  will-change: transform; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .main--collection .section--background {
      background-image: url(../img/collection-background_2x.jpg); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
    .main--collection .section--background {
      background-image: url(../img/collection-background_3x.jpg); } }

.main--collection.within .section--background {
  opacity: 1; }

.main--collection .photos--photo {
  width: 50%; }

.main--collection .column--name p {
  color: #8e8e8e; }

.collected--number {
  position: relative;
  max-width: 300px; }
  .collected--number h2 {
    margin: 0;
    color: #fff;
    font-family: 'Gotham Bold';
    font-size: 2.5rem; }

.number--parenthetical {
  position: absolute;
  bottom: -80px;
  left: 0;
  width: 140%; }
  .number--parenthetical p {
    color: #808080;
    font-size: 0.75rem; }

.collected--label {
  max-width: 280px;
  font-size: 1rem; }
  .collected--label p {
    margin: 0;
    color: #fff; }

.column--collected {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 2rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.175rem solid #00a7d8; }

.column--collected:nth-of-type(3) {
  margin-bottom: 5rem;
  border-bottom: 0; }

.collected--icon {
  width: 20%; }

.collected--container {
  width: 70%; }

@media only screen and (min-width: 47.5em) {
  .column--collected {
    padding-bottom: 1.5rem; }
  .main--collection .section--background {
    position: fixed; } }

@media only screen and (min-width: 36.5em) {
  .main--collection .photos--photo {
    width: 32%; }
  .number--parenthetical {
    bottom: -70px; }
  .collected--number h2 {
    font-size: 2.5rem; } }

@media only screen and (min-width: 977px) {
  .column--collected {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .main--collection .section--column {
    padding-right: 2%; }
  .collected--icon {
    width: 13%; }
  .collected--container {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 80%; }
  .collected--number {
    margin: 0 1rem;
    text-align: center; }
    .collected--number .number--parenthetical {
      bottom: -40px;
      text-align: left; }
  .collected--label {
    width: 43%; } }

@media only screen and (min-width: 2000px) {
  .main--visitors {
    background-image: url("../img/collection-background_2x.jpg"); } }

@media only screen and (min-width: 3000px) {
  .main--visitors {
    background-image: url("../img/collection-background_3x.jpg"); } }

.main--community {
  background-color: #fff; }
  .main--community p {
    color: #666; }
  .main--community h3 {
    color: #0070b8;
    font-family: 'Gotham Bold';
    font-size: 1.25rem;
    line-height: 2rem;
    text-transform: uppercase; }

.column--event {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 3rem; }
  .column--event h3 {
    margin: 0;
    color: #0070b8;
    font-family: 'Gotham Bold';
    font-size: 1.25rem;
    line-height: 2rem; }
  .column--event p {
    margin: 0;
    color: #666; }

.event--graphic {
  width: 21.4%; }
  .event--graphic object,
  .event--graphic img {
    display: block;
    margin: 0 auto; }

.event--description {
  width: 74.5%; }
  .event--description .description--offset {
    margin: .25rem 2.5rem 0; }
  .event--description span {
    display: inline-block;
    color: #666; }

.location--prev,
.location--next {
  -webkit-transform: translate(0, 40%);
  -ms-transform: translate(0, 40%);
  transform: translate(0, 40%);
  width: 5%;
  cursor: pointer; }
  .location--prev.inactive,
  .location--next.inactive {
    opacity: .3; }

.select--location {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

.location--description {
  width: 80%;
  height: 17rem; }

@media only screen and (min-width: 400px) {
  .location--description {
    width: 80%;
    height: 14rem; } }

@media only screen and (min-width: 450px) {
  .location--description {
    width: 80%;
    height: 12rem; } }

.description--text {
  display: none;
  margin: 0 auto; }
  .description--text.active {
    display: block; }
  .description--text p {
    margin: 0; }
  .description--text span {
    color: #666;
    font-size: 0.8125rem; }

.select--years {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 1.5rem 0 1rem; }

.years--year {
  width: 80px;
  padding: .25rem 0;
  font-family: 'Gotham Medium';
  text-align: center;
  cursor: pointer;
  transition-duration: .25s; }

.years--year:nth-of-type(1) {
  border: 0.2rem solid #282a54;
  color: #282a54; }
  .years--year:nth-of-type(1).active, .years--year:nth-of-type(1):hover {
    background-color: #282a54;
    color: #fff; }

.years--year:nth-of-type(2) {
  margin: 0 5px;
  border: 0.2rem solid #00a7d8;
  color: #00a7d8; }
  .years--year:nth-of-type(2).active, .years--year:nth-of-type(2):hover {
    background-color: #00a7d8;
    color: #fff; }

.years--year:nth-of-type(3) {
  border: 0.2rem solid #0070b8;
  color: #0070b8; }
  .years--year:nth-of-type(3).active, .years--year:nth-of-type(3):hover {
    background-color: #0070b8;
    color: #fff; }

.column--survivor-tree {
  position: relative; }
  .column--survivor-tree .survivor-tree--info {
    -webkit-transform: translate(-111.5%, -5%);
    -ms-transform: translate(-111.5%, -5%);
    transform: translate(-111.5%, -5%);
    position: absolute;
    top: 0;
    width: 90%; }

.location--description p,
.location--description p span {
  color: #272727; }

@media only screen and (min-width: 36.5em) {
  .location--description {
    height: 13rem; } }

@media only screen and (min-width: 800px) {
  .location--description {
    height: 8rem; } }

.main--honor .honor--blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #256ebc;
  z-index: -2; }

.main--honor .scroll--background {
  background-image: url("../img/scroll-of-honor-background-1.jpg"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .main--honor .scroll--background {
      background-image: url(../img/scroll-of-honor-background-1_2x.jpg); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
    .main--honor .scroll--background {
      background-image: url(../img/scroll-of-honor-background-1_3x.jpg); } }

.main--honor .scroll--background:nth-of-type(2) {
  background-image: url("../img/scroll-of-honor-background-2.jpg"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .main--honor .scroll--background:nth-of-type(2) {
      background-image: url(../img/scroll-of-honor-background-2_2x.jpg); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
    .main--honor .scroll--background:nth-of-type(2) {
      background-image: url(../img/scroll-of-honor-background-2_3x.jpg); } }

.main--honor .scroll--background:nth-of-type(3) {
  background-image: url("../img/scroll-of-honor-background-3.jpg"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .main--honor .scroll--background:nth-of-type(3) {
      background-image: url(../img/scroll-of-honor-background-3_2x.jpg); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
    .main--honor .scroll--background:nth-of-type(3) {
      background-image: url(../img/scroll-of-honor-background-3_3x.jpg); } }

.main--honor .section--background {
  position: absolute;
  top: 0;
  left: -1%;
  width: 101%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: cover;
  content: ' ';
  opacity: 0;
  z-index: -2;
  will-change: transform; }

.main--honor.within .section--background {
  opacity: 1;
  z-index: -1; }

.main--honor h1 {
  color: #272727; }

.main--honor h3 {
  color: #fff;
  font-family: 'Gotham Bold';
  transition-duration: .25s; }

.main--honor p {
  color: #fff; }

.main--honor a {
  color: #272727; }

.column--honor-stat {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 3rem; }
  .column--honor-stat p {
    margin: 0;
    font-family: 'Gotham Medium'; }
  .column--honor-stat span {
    color: #272727;
    font-family: 'Gotham Bold';
    font-size: 1.25rem; }

.stat--graphic {
  width: 26.5%; }

.stat--text {
  width: 70.5%; }

.post--embed.google {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.87, 0.87);
  -ms-transform: scale(0.87, 0.87);
  transform: scale(0.87, 0.87); }

.column--post.active h4 {
  color: #0070b8; }

.column--post h4 {
  margin: 2.5rem 0 0;
  color: #00a7d8;
  font-family: 'Gotham Bold';
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
  text-transform: uppercase; }

.column--post p {
  margin: .5rem 0;
  color: #272727;
  font-family: 'Gotham Medium';
  text-align: center;
  text-transform: uppercase; }

@media only screen and (min-width: 47.5em) {
  .main--honor .section--background {
    position: fixed; } }

.main--engagement {
  background-color: #dde9eb; }

.post--header {
  cursor: pointer; }

.post--embed {
  -webkit-transform: translate(500%, 0);
  -ms-transform: translate(500%, 0);
  transform: translate(500%, 0);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none; }
  .post--embed a {
    pointer-events: none; }
  .post--embed img {
    width: 100%; }

.column--post {
  position: relative; }
  .column--post.active a {
    pointer-events: default; }
  .column--post.active .post--embed {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    opacity: 1;
    pointer-events: auto; }
  .column--post.active .post--divider {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 1rem; }

.body--modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 103%;
  background-color: rgba(0, 0, 54, 0.9);
  opacity: 0;
  overflow: scroll;
  z-index: 999999;
  transition-duration: .5s; }
  .body--modal.fade.show {
    opacity: 1; }
  .body--modal p {
    color: #666;
    font-size: 0.9375rem;
    font-weight: 300; }
  .body--modal.show {
    display: block;
    opacity: 0; }
  .body--modal .modal--close {
    position: fixed;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    background: url("../img/close-icon.png") #00a7d8;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    z-index: 20; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .body--modal .modal--close {
        background-image: url(../img/close-icon_2x.png); } }
  .body--modal .modal--box {
    position: relative;
    max-width: 500px;
    margin: 70px auto;
    background-color: #fff;
    z-index: 15; }
  .body--modal .box--padding {
    padding: 20px; }
  .body--modal .contain--photo {
    display: none;
    position: relative; }
    .body--modal .contain--photo.active {
      display: block; }
    .body--modal .contain--photo img {
      display: block;
      width: 100%; }
  .body--modal .photo--caption {
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 70px;
    padding: 15px;
    background-color: #fff; }
    .body--modal .photo--caption p:nth-of-type(2) {
      margin-bottom: 20px; }
    .body--modal .photo--caption p {
      margin: 0; }
    .body--modal .photo--caption h3 {
      margin: 0 0 10px;
      color: #272727;
      text-transform: uppercase; }
    .body--modal .photo--caption span {
      margin-bottom: 10px;
      color: #0070b8;
      font-size: 0.8125rem;
      text-transform: uppercase; }
  .body--modal .box--leader {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .body--modal .leader--image {
    width: 32.8%; }
  .body--modal .leader--title {
    width: 67.2%;
    padding-left: 20px; }
    .body--modal .leader--title p {
      margin: 0; }
    .body--modal .leader--title strong {
      color: #272727;
      font-weight: 300; }
    .body--modal .leader--title span {
      color: #0070b8;
      font-size: 0.8125rem;
      text-transform: uppercase; }

.modal--box {
  position: relative; }

.photos--prev {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 22%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 999; }

.photos--next {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 22%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 999; }

.modal--windows {
  display: none; }

@media only screen and (min-width: 650px) {
  .photos--prev {
    -webkit-transform: translate(-130%, 0);
    -ms-transform: translate(-130%, 0);
    transform: translate(-130%, 0);
    margin-top: 50%;
    padding: 0;
    background-color: transparent; }
  .photos--next {
    -webkit-transform: translate(130%, 0);
    -ms-transform: translate(130%, 0);
    transform: translate(130%, 0);
    margin-top: 50%;
    padding: 0;
    background-color: transparent; } }

.body--footer {
  background-image: url("../img/footer-background.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .body--footer {
      background-image: url(../img/footer-background_2x.jpg); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi), only screen and (min-resolution: 3dppx) {
    .body--footer {
      background-image: url(../img/footer-background_3x.jpg); } }
  .body--footer p {
    color: #fff; }

.footer--container.section--container {
  padding: 160px 1.25rem 0; }

.links--social {
  width: 142px;
  margin: 0 auto; }
  .links--social a {
    display: inline-block;
    width: 30.5%; }

.social--link {
  pointer-events: none; }

.link--svg {
  transition-duration: .25s; }

.links--financial {
  margin-top: 3rem;
  padding-bottom: 2rem;
  text-align: center; }
  .links--financial a {
    color: #fff;
    font-family: 'Gotham Bold';
    font-size: 0.8125rem; }

.footer--column {
  margin-bottom: 2rem; }
  .footer--column .column--button-link:nth-of-type(1) {
    margin: 3rem auto 1rem; }

@media only screen and (min-width: 36.5em) {
  .main--visitors {
    background-attachment: fixed; } }

@media only screen and (min-width: 47.5em) {
  .footer--column {
    margin-bottom: 0; } }

@media only screen and (min-width: 2000px) {
  .main--visitors {
    background-image: url("../img/footer-background_2x.jpg"); } }

@media only screen and (min-width: 3000px) {
  .main--visitors {
    background-image: url("../img/footer-background_3x.jpg"); } }

/*# sourceMappingURL=styles.css.map */