*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, select { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

html { overflow-y: scroll; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

select { -webkit-appearance: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 4px center; background-size: auto 12px; padding-right: 14px; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; outline: 0; overflow: auto; }

table { font-size: inherit; font: 100%; }

a:hover, a:active, a:focus { outline: 0; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; outline: 0; }

button, input, select, textarea { margin: 0; }

button { width: auto; overflow: visible; border: 0; background: transparent; }

.ie7 img { -ms-interpolation-mode: bicubic; }

/* // being difficult @mixin keyframe($animation) { @-webkit-keyframes $animation { @content; } @-moz-keyframes $animation { @content; } @keyframes $animation { @content; } } */
@font-face { font-family: 'Matter-SQ'; src: url("f/MatterSQ-Regular.woff2") format("woff2"), url("f/MatterSQ-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Matter-SQ'; src: url("f/MatterSQ-Light.woff2") format("woff2"), url("f/MatterSQ-Light.woff") format("woff"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Matter-SQ'; src: url("f/MatterSQ-Medium.woff2") format("woff2"), url("f/MatterSQ-Medium.woff") format("woff"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Matter-SQ'; src: url("f/MatterSQ-SemiBold.woff2") format("woff2"), url("f/MatterSQ-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Matter-SQ'; src: url("f/MatterSQ-Bold.woff2") format("woff2"), url("f/MatterSQ-Bold.woff") format("woff"); font-weight: 800; font-style: normal; }

@font-face { font-family: 'Matter-SQ'; src: url("f/MatterSQ-Heavy.woff2") format("woff2"), url("f/MatterSQ-Heavy.woff") format("woff"); font-weight: 900; font-style: normal; }

body, input, textarea, button, select { font-family: 'Matter-SQ', 'Myriad Pro', Helvetica, Arial, sans-serif; }

footer input[type="email"], .main-menu, h3 { font-weight: 500; }

h2, h3, h4, strong, .fullscreen { font-weight: 600; }

.fullscreen-image img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; }

.wrap.text-wrap ul, .split .split-text ul { list-style: disc; }

.wrap.text-wrap ul, .split .split-text ul, .wrap.text-wrap ol, .split .split-text ol { padding-left: 2rem; }

.wrap.text-wrap ul li, .split .split-text ul li, .wrap.text-wrap ol li, .split .split-text ol li { margin-top: 4px; }

:-webkit-autofill { -webkit-text-fill-color: #15253e; -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

:-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #15253e; -moz-box-shadow: 0 0 0px 1000px #fff inset; }

::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #15253e; -moz-box-shadow: 0 0 0px 1000px #fff inset; }

::-webkit-input-placeholder { color: #e4e3df; }

:-moz-placeholder { /* Firefox 18- */ color: #e4e3df; }

::-moz-placeholder { /* Firefox 19+ */ color: #e4e3df; }

:-ms-input-placeholder { color: rgba(14, 14, 15, 0.4); overflow: hidden; }

::selection { background-color: #e86153; color: #fff; text-shadow: none; }

::-moz-selection { background-color: #e86153; color: #fff; text-shadow: none; }

html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; /* fixes FF over-bolding */ -ms-overflow-style: -ms-autohiding-scrollbar; font-size: 62.5%; /* 10px reset */ position: relative; width: 100%; min-height: 100%; overflow-x: hidden; background-color: #fff; }

body { position: relative; background-color: #fff; color: #0e0e0f; font-size: 1.6rem; font-size: calc(1.2rem + 0.25vw); line-height: 1.375; width: 100%; overflow-x: hidden; }

a { color: #0e0e0f; cursor: pointer; }

h1 { font-size: 3.6rem; line-height: 1.2; }

@media only screen and (min-width: 600px) { h1 { font-size: 4.8rem; } }

@media only screen and (min-width: 769px) { h1 { font-size: calc(3rem + 2vw); } }

h2 { font-size: 2.8rem; line-height: 1.2; }

@media only screen and (min-width: 600px) { h2 { font-size: 3.6rem; } }

@media only screen and (min-width: 769px) { h2 { font-size: calc(1rem + 2vw); } }

.intro-text { font-size: 2.1rem; line-height: 1.2; }

@media only screen and (min-width: 600px) { .intro-text { font-size: 2.6rem; } }

h3 { font-size: 2.1rem; line-height: 1.25; }

@media only screen and (min-width: 600px) { h3 { font-size: 2.6rem; } }

@media only screen and (min-width: 769px) { h3 { font-size: calc(1.2rem + 1.125vw); } }

.lined-list, .main-menu, h4 { font-size: 1.7rem; line-height: 1.25; font-size: calc(1rem + 0.625vw); }

h5 { font-size: 1.3rem; line-height: 1.25; }

h6 { font-size: 1.1rem; line-height: 1.4; font-weight: normal; }

p + h2, ul + h2, ol + h2, p + h3, ul + h3, ol + h3, h2 + h3, h3 + h3, p + h4, ul + h4 { margin-top: 4.2rem; }

@media only screen and (min-width: 600px) { p + h2, ul + h2, ol + h2, p + h3, ul + h3, ol + h3, h2 + h3, h3 + h3, p + h4, ul + h4 { margin-top: 4.2rem; } }

h2 + p, h3 + p, h3 + .grid, h5 + p, h2 + ul, h2 + ol, h3 + ul, h3 + ol, h4 + ul, h4 + ol, h4 + p, h4 + h4, p + h5, ul + h5, h5 + h6, p + h6, ul + h6, ol + p, ul + p, p + ul, p + ol, h4 + h6 { margin-top: 2.6rem; }

@media only screen and (min-width: 600px) { h2 + p, h3 + p, h3 + .grid, h5 + p, h2 + ul, h2 + ol, h3 + ul, h3 + ol, h4 + ul, h4 + ol, h4 + p, h4 + h4, p + h5, ul + h5, h5 + h6, p + h6, ul + h6, ol + p, ul + p, p + ul, p + ol, h4 + h6 { margin-top: 2.6rem; } }

p + p, p + .more-info, h3 + dl, h5 + h2, h2 + h4, h4 + h5, h6 + p, h6 + ul, h6 + ol, h5 + ul, h5 + ol, h5 + p, q + p { margin-top: 1.3rem; }

@media only screen and (min-width: 600px) { p + p, p + .more-info, h3 + dl, h5 + h2, h2 + h4, h4 + h5, h6 + p, h6 + ul, h6 + ol, h5 + ul, h5 + ol, h5 + p, q + p { margin-top: 1.3rem; } }

h3 + h4, h6 + h4 { margin-top: 4px; }

hr { border-color: #e4e3df; margin: 0; }

.wrap + hr { width: calc(100% - 16rem); margin: 0 auto; }

input, textarea, button, select { -webkit-appearance: none; -moz-appearance: none; }

input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { width: 100%; background-color: transparent; color: #15253e; border: 1px solid #e4e3df; font-size: inherit; line-height: inherit; padding: 0 1.3rem; margin: 0 auto; position: relative; border-radius: 0; z-index: 1; }

@-moz-document url-prefix() { input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { line-height: 2.8 !important; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { height: 2.6rem; } }

@supports (-ms-ime-align: auto) { input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { height: 2.6rem; } }

textarea { line-height: 1.45; padding: 1rem; height: 12rem; }

input[type="radio"], input[type="checkbox"] { background: transparent; -webkit-appearance: none; width: 1.6rem !important; height: 1.6rem; vertical-align: middle; margin-right: 5px; margin-top: -2px; color: #15253e; border: 1px solid #aaa69a; font-size: 2.4rem; line-height: 1.25; position: relative; cursor: pointer; }

input[type="radio"]:checked, input[type="checkbox"]:checked { background-color: #e86153; }

input[type="radio"] { border-radius: 50%; }

.center { text-align: center; }

.main-menu { z-index: 5; }

header { z-index: 4; }

footer { z-index: 2; }

.content-wrap { z-index: 1; }

header { position: fixed; top: 0; left: 0; width: 100%; height: 8rem; overflow: hidden; padding: 1.1rem 3rem; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; backface-visibility: hidden; }

header:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 8rem; background: rgba(21, 37, 62, 0.98); z-index: -1; will-change: auto; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

header:not(.opaque):before { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }

header .home-link { display: inline-block; position: relative; }

header .home-link h1 { display: none; }

header .home-link svg { width: 11rem; height: 5.6rem; fill: #fff; }

@media only screen and (max-width: 599px) { header { text-align: right; }
  header .menu-button { z-index: 1; position: absolute; top: 0; left: 0; width: 8.1rem; padding: 2.8rem 3rem; display: block; cursor: pointer; will-change: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  header .menu-button i { display: block; width: 2.1rem; height: 3px; background-color: #fff; will-change: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  header .menu-button i + i { margin-top: 5px; }
  body.menu-open header .menu-button i { background-color: #fff; -webkit-transform: rotate(135deg) translate3d(0, 0, 0); -moz-transform: rotate(135deg) translate3d(0, 0, 0); -ms-transform: rotate(135deg) translate3d(0, 0, 0); -o-transform: rotate(135deg) translate3d(0, 0, 0); transform: rotate(135deg) translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; margin-top: 8px; }
  body.menu-open header .menu-button i + i { -webkit-transform: rotate(-135deg) translate3d(0, 0, 0); -moz-transform: rotate(-135deg) translate3d(0, 0, 0); -ms-transform: rotate(-135deg) translate3d(0, 0, 0); -o-transform: rotate(-135deg) translate3d(0, 0, 0); transform: rotate(-135deg) translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; margin-top: -3px; }
  body.menu-open header .menu-button i + i + i { -webkit-transform: translateY(2rem) translate3d(0, 0, 0); -moz-transform: translateY(2rem) translate3d(0, 0, 0); -ms-transform: translateY(2rem) translate3d(0, 0, 0); -o-transform: translateY(2rem) translate3d(0, 0, 0); transform: translateY(2rem) translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; margin: 0; opacity: 0; } }

@media only screen and (min-width: 600px) { header { height: 11.6rem; padding: 3rem 6rem; }
  header:before { height: 11.6rem; }
  header .menu-button { display: none; } }

.main-menu { position: fixed; top: 0; right: 0; }

.main-menu ul { letter-spacing: -0.31em; text-rendering: optimizeLegibility; }

.main-menu ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; padding: 0 5px; vertical-align: middle; position: relative; }

.main-menu ul li a { color: #fff; }

.main-menu ul li a span { position: relative; }

.main-menu ul li a span:before { content: ''; position: absolute; top: -2px; bottom: -4px; left: -4px; width: 0; background: #e86153; will-change: width; -webkit-transition: width 0.4s ease-in-out; -moz-transition: width 0.4s ease-in-out; -o-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; z-index: -1; }

.main-menu ul li:hover span:before { width: 100%; width: calc(100% + 8px); }

.main-menu ul li:hover a { color: #fff !important; }

@media only screen and (max-width: 599px) { .main-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #15253e; z-index: 3; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; will-change: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  body:not(.menu-open) .main-menu { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
  .main-menu ul li { width: 100%; text-align: center; font-size: 200%; }
  .main-menu ul li a { display: block; padding: 1.4rem 0; } }

@media only screen and (min-width: 600px) { .main-menu { display: block; text-align: right; padding: 3rem 1.7rem; }
  .main-menu ul li { padding: 0; line-height: 5.6rem; padding: 0; position: relative; }
  .main-menu ul li a { display: block; height: 5.6rem; line-height: 5.6rem; padding: 0 1.3rem; }
  .main-menu ul li a:hover { text-decoration: none; color: #e86153; } }

@media only screen and (min-width: 930px) { .main-menu { padding: 3rem 3.4rem; }
  .main-menu > ul > li > a { padding: 0 2.6rem; } }

.content-wrap { position: relative; }

.content-wrap .content { position: relative; width: 100%; width: 100vw; will-change: background-position; -webkit-transition: background-position 0s ease-in-out; -moz-transition: background-position 0s ease-in-out; -o-transition: background-position 0s ease-in-out; transition: background-position 0s ease-in-out; }

.content-wrap .content.in-motion { will-change: background-position; -webkit-transition: background-position 0.2s ease-in-out; -moz-transition: background-position 0.2s ease-in-out; -o-transition: background-position 0.2s ease-in-out; transition: background-position 0.2s ease-in-out; }

.content-wrap .content > section:first-child:not(.fullscreen) { margin-top: 8rem; }

.content-wrap .content > section:first-child:not(.fullscreen) > .section-title:first-child { padding-top: 8rem; }

section { position: relative; width: 100%; z-index: 1; }

.white-bg { background-color: #fff; }

.navy-bg { background-color: #15253e; color: #9b9b9b; }

.navy-bg h2, .navy-bg h3, .navy-bg h4 { color: #fff; }

.page-anchor { display: block; position: relative; top: -8rem; visibility: hidden; }

@media only screen and (min-width: 600px) { .page-anchor { top: -11.6rem; } }

@media only screen and (min-width: 1024px) { .navy-bg .page-anchor { top: 0; } }

.wrap { padding: 4.2rem 3rem; }

@media only screen and (min-width: 600px) { .wrap { padding: 6rem 4.2rem; } }

@media only screen and (min-width: 769px) { .wrap { padding: 6rem; } }

@media only screen and (min-width: 1024px) { .wrap { padding: 9rem 6rem; } }

@media only screen and (min-width: 1400px) { .wrap { padding: 11.2rem 9rem; } }

.wrap { display: block; width: 100%; position: relative; }

.wrap.text-wrap { max-width: 84rem; margin-left: auto; margin-right: auto; }

.wrap.text-wrap.narrow { max-width: 72rem; }

.wrap.wide-wrap { max-width: 108rem; margin-left: auto; margin-right: auto; }

.wrap.lite { padding: 3rem; }

@media only screen and (min-width: 1024px) { .wrap.lite { padding: 3rem 9rem; } }

.wrap.lite-top { padding-top: 3rem; }

.wrap.lite-bot { padding-bottom: 3rem; }

.wrap.flush-top { padding-top: 0; }

.wrap.full-width { padding-left: 0; padding-right: 0; }

.wrap img, .wrap iframe { display: block; width: auto; height: auto; max-width: 100%; }

.border-top { border-top: 2px solid #e4e3df; }

.intro-text h3.section-title { padding: 0; }

@media only screen and (min-width: 1024px) { .intro-text.text-wrap p { padding-left: 7rem; padding-right: 7rem; } }

.fullscreen { position: relative; height: 100vh; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; overflow: hidden; }

.fullscreen .wrap { margin: 0; z-index: 4; }

.hero { background-color: #15253e; overflow: hidden; color: #fff; z-index: 0; cursor: pointer; }

.hero .hero-type { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(14, 14, 15, 0.4); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

.hero .hero-type svg { width: 90%; width: calc(100% - 6rem); height: 32vmin; fill: #fff; display: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; will-change: auto; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }

body:not(.loaded) .hero .hero-type svg { opacity: 0; -webkit-transform: translateY(6rem); -moz-transform: translateY(6rem); -ms-transform: translateY(6rem); -o-transform: translateY(6rem); transform: translateY(6rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }

.fullscreen-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; backface-visibility: hidden; }

.split { position: relative; width: 100%; }

.split .split-image { width: 100%; }

.split.border-top { padding-top: 6rem; }

@media only screen and (min-width: 1024px) { .split.border-top { padding-top: 9rem; } }

@media only screen and (min-width: 1400px) { .split.border-top { padding-top: 11.2rem; } }

.split > div + div { padding-top: 3rem; }

.split .split-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

@media only screen and (min-width: 769px) { .split { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
  .split:not(.align-top) { -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }
  .split > div { flex-grow: 0; flex-basis: 50%; padding: 0 4.5rem 0 0; }
  .split > div + div { padding: 0 0 0 4.5rem; }
  .split > div.quarter { flex-basis: 25%; padding-right: 3rem; }
  .split > div.quarter.twp { flex-basis: 50%; }
  .split > div.quarter.three { flex-basis: 75%; }
  .split > div.third { flex-basis: 33.333%; padding-right: 3rem; }
  .split > div.third.two { flex-basis: 66.666%; } }

@media only screen and (min-width: 769px) and (min-width: 769px) { .split.flip > div { order: 2; padding: 0 0 0 4.5rem; }
  .split.flip > div + div { order: 1; padding: 0 4.5rem 0 0; } }

.grid-item { vertical-align: top; position: relative; }

.grid-item h4 + p { margin-top: 4px; }

.grid-item a { display: block; }

.grid-image { position: relative; /* width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; */ }

.grid-image img { display: block; width: 100%; /* position: absolute; top: 0; left: 0; @extend %objectContain; object-position: 50% 100%; */ }

.grid-item-inner { position: relative; padding: 2.1rem 0 0; text-align: center; }

.split .grid-item-inner { padding-bottom: 2.6rem; }

.row-grid { letter-spacing: -0.31em; text-rendering: optimizeLegibility; }

.row-grid .grid-item { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; }

@media only screen and (max-width: 768px) { .row-grid .grid-item:not(:first-child) { padding-top: 3rem; } }

@media only screen and (min-width: 769px) { .row-grid { margin: 0 -3rem; }
  .row-grid .grid-item { width: 33.333%; padding: 0 3rem; }
  .row-grid .grid-item:nth-child(3):nth-last-child(1) { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
  .row-grid .grid-item:nth-child(1):nth-last-child(4), .row-grid .grid-item:nth-child(2):nth-last-child(3), .row-grid .grid-item:nth-child(3):nth-last-child(2), .row-grid .grid-item:nth-child(4):nth-last-child(1) { width: 25%; } }

.flex-grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; margin: -3.2rem 0 0; text-align: center; }

.flex-grid .grid-item { padding: 3.2rem; width: 50%; }

@media only screen and (min-width: 769px) { .flex-grid .grid-item { width: 33.3333333333%; } }

@media only screen and (min-width: 769px) { .flex-grid .grid-item { width: 25%; } }

@media only screen and (min-width: 1024px) { .flex-grid .grid-item { width: 20%; } }

@media only screen and (min-width: 1280px) { .flex-grid .grid-item { width: 16.6666666667%; } }

@media only screen and (min-width: 1600px) { .flex-grid .grid-item { width: 12.5%; } }

@media only screen and (min-width: 2000px) { .flex-grid .grid-item { width: 10%; } }

.logo-grid { -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; }

.logo-grid .grid-item { align-self: center; width: 33.3333333333%; padding: 3rem 2rem; }

@media only screen and (min-width: 600px) { .logo-grid .grid-item { padding: 3rem 4.5rem; } }

@media only screen and (min-width: 1024px) { .logo-grid .grid-item { width: 25%; padding: 3rem; } }

@media only screen and (min-width: 1400px) { .logo-grid .grid-item { padding: 3rem 4.5rem; } }

@media only screen and (min-width: 1600px) { .logo-grid .grid-item { width: 20%; } }

.logo-grid .logo, .logo-grid .profile { filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); -webkit-filter: grayscale(100%) contrast(1); filter: grayscale(100%) contrast(1); will-change: auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.logo-grid .logo { width: 100%; }

.logo-grid .profile img { width: 100%; max-width: 9rem; border-radius: 50%; margin: 0 auto; }

.lined-list li { padding: 1.5rem 0; border-bottom: 1px solid; }

.columned li + li { margin-top: 1rem; }

@media only screen and (min-width: 600px) { .columned { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } }

footer { position: relative; }

footer a { color: #e86153; }

footer a:hover { background-color: #e86153; color: #fff; padding: 1px 2px; margin: -1px -2px; }

footer .footer-mark { position: absolute; right: 3rem; top: 3rem; opacity: 0.2; }

@media only screen and (min-width: 600px) { footer .footer-mark { right: 4.5rem; } }

@media only screen and (min-width: 769px) { footer .footer-mark { right: 6rem; top: 6rem; } }

@media only screen and (min-width: 1400px) { footer .footer-mark { right: 9rem; } }

footer .footer-mark svg { width: 4.5rem; height: 4.5rem; }

footer .split { padding-top: 3rem !important; }

@media only screen and (min-width: 769px) { footer .split { padding-top: 6rem !important; } }

footer form input { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }

footer form h6 { margin-top: 1.5rem; max-width: 42rem; }

footer input[type="email"] { border-width: 0 0 2px 0 !important; padding: 0; height: 3rem; line-height: 3rem; width: 75%; max-width: 30rem; margin-left: 0; }

footer input[type="submit"] { color: #cdcbc3; border: 2px solid #e4e3df; padding: 0 6px; height: 3rem; line-height: 2.6rem; margin-left: 4px; border-radius: 15px; }

footer input[type="submit"]:hover { color: #15253e; }

.fall-in { will-change: auto; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; -webkit-transform: translateY(11.2rem); -moz-transform: translateY(11.2rem); -ms-transform: translateY(11.2rem); -o-transform: translateY(11.2rem); transform: translateY(11.2rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; }

.fall-in.seen { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; opacity: 1; }

@media only screen and (min-width: 769px) { .fall-in.seen:nth-child(3n+2) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
  .fall-in.seen:nth-child(3n+3) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } }