html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
line-height: 1; }
ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
/* normalize based rules */
audio, canvas, video {
display: inline-block; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden] {
display: none; }
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
a:focus {
outline: thin dotted; }
a:active, a:hover {
outline: 0; }
b, strong {
font-weight: bold; }
dfn {
font-style: italic; }
hr {
height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
mark {
background: #ff0;
color: #000; }
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em; }
pre {
white-space: pre-wrap; }
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
sub, sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 0; }
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* HTML5
*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button, input, select, textarea {
font-family: inherit;
font-size: 100%; }
button, input {
line-height: normal; }
button, select {
text-transform: none; }
button,
html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled], html input[disabled] {
cursor: default; }
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
textarea {
overflow: auto;
vertical-align: top; }
#breakpoint_element {
position: relative;
z-index: 0; }
@media only screen and (min-width: 35em) {
#breakpoint_element {
z-index: 35; } }
.header_1,
.header-1 {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.1;
color: #262626; }
.header_1,
.header-1 {
font-size: 40px; }
@media screen and (min-width: 300px) {
.header_1,
.header-1 {
font-size: calc(40px + 32 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.header_1,
.header-1 {
font-size: 72px; } }
.header_2 {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
color: #262626; }
.header_2 {
font-size: 25px; }
@media screen and (min-width: 300px) {
.header_2 {
font-size: calc(25px + 2 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.header_2 {
font-size: 27px; } }
.header_3, .figures-carousel__title h2, .figures-carousel__title h3, .page-row__title h2, .page-row__title h3, .staff-carousel__title, .project-carousel__title, .quarter__content__title {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.35;
color: #262626; }
.header_3, .figures-carousel__title h2, .figures-carousel__title h3, .page-row__title h2, .page-row__title h3, .staff-carousel__title, .project-carousel__title, .quarter__content__title {
font-size: 20px; }
@media screen and (min-width: 300px) {
.header_3, .figures-carousel__title h2, .figures-carousel__title h3, .page-row__title h2, .page-row__title h3, .staff-carousel__title, .project-carousel__title, .quarter__content__title {
font-size: calc(20px + 10 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.header_3, .figures-carousel__title h2, .figures-carousel__title h3, .page-row__title h2, .page-row__title h3, .staff-carousel__title, .project-carousel__title, .quarter__content__title {
font-size: 30px; } }
.para {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
line-height: 1.3;
color: #262626; }
.para {
font-size: 15px; }
@media screen and (min-width: 300px) {
.para {
font-size: calc(15px + 2 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.para {
font-size: 17px; } }
.large-para, .quarter__content__summary > p, .quarter__content__expanded > p {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 1.0625em;
line-height: 1.75;
color: #262626; }
.small_para, .small-para {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 1.0625em;
line-height: 1.41176em; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
a {
text-decoration: none; }
.button {
display: inline-block; }
.button > span {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
font-size: 0.8125em;
line-height: 1.23077em;
color: #262626; }
.button_border {
padding: 0.3125em 2.8125em;
text-align: center;
background: white;
border: 0.125em solid #4AB0AF;
-webkit-transition: background .2s;
transition: background .2s; }
.button_border > span {
-webkit-transition: color .2s;
transition: color .2s; }
.button_border:hover {
background: #4AB0AF; }
.button_border:hover > span {
color: white; }
.button_border-on-grey {
padding: 0.3125em 2.8125em;
text-align: center;
background: transparent;
border: 0.125em solid #4AB0AF;
-webkit-transition: background .2s;
transition: background .2s; }
.button_border-on-grey > span {
-webkit-transition: color .2s;
transition: color .2s; }
.button_border-on-grey:hover {
background: #4AB0AF; }
.button_border-on-grey:hover > span {
color: white; }
.button_border-on-dark {
padding: 0.3125em 2.8125em;
text-align: center;
background: transparent;
border: 0.125em solid white;
-webkit-transition: background .2s;
transition: background .2s; }
.button_border-on-dark > span {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: white;
-webkit-transition: color .2s;
transition: color .2s; }
.button_border-on-dark:hover {
background: white; }
.button_border-on-dark:hover > span {
color: #262626; }
.button_expand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.3125em 2.8125em;
text-align: center;
background: transparent;
border: 0.125em solid #4AB0AF;
-webkit-transition: background .2s;
transition: background .2s; }
.button_expand span {
color: #4AB0AF; }
.button_expand svg {
width: 0.9375em;
height: 0.9375em;
fill: #4AB0AF; }
.button_arrow {
position: relative;
padding: 0 2.1875em 0 0; }
.button_arrow > span {
color: #4AB0AF; }
.button_arrow svg {
position: absolute;
top: 50%;
right: 0;
width: 1.71875em;
height: 1.71875em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
fill: #4AB0AF;
-webkit-transition: right .3s;
transition: right .3s; }
.button_arrow:hover svg {
right: -0.3125em; }
.expand-button {
display: inline-block; }
.expand-button > span {
display: none; }
.expand-button svg {
width: 1.5625em;
height: 1.5625em;
fill: #4AB0AF; }
.expand-button.expanded svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
@media only screen and (min-width: 41em) {
.expand-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
float: left;
padding: 0.4375em 2.8125em 0.5em;
text-align: center;
background: transparent;
border: 0.125em solid #4AB0AF;
-webkit-transition: background .2s;
transition: background .2s; }
.expand-button > span {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
font-size: 1.125em;
line-height: 1;
color: #4AB0AF; }
.expand-button svg {
width: 1.09375em;
height: 1.09375em;
margin: 0 0 0 0.5em; } }
.stat-intro {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: auto;
margin-right: auto;
max-width: 19em;
text-align: center;
line-height: 1.1;
color: #4AB0AF; }
.stat-intro {
font-size: 24px; }
@media screen and (min-width: 300px) {
.stat-intro {
font-size: calc(24px + 26 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.stat-intro {
font-size: 50px; } }
.stat-intro span {
color: white; }
.quote-row > header {
margin: 0 auto 2.5em;
height: 7.1875em;
width: 7.1875em;
overflow: hidden;
border-radius: 3.59375em; }
.quote-row > header img {
width: 100%; }
.quote-row > p {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
line-height: 1.3;
color: #4D5256; }
.quote-row > p {
font-size: 30px; }
@media screen and (min-width: 300px) {
.quote-row > p {
font-size: calc(30px + 40 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.quote-row > p {
font-size: 70px; } }
.quote-row > footer {
margin: 1.875em 0 0 0; }
.quote-row > footer .button {
margin-top: 1.875em;
width: 100%; }
.quote-row__cite {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
text-align: center;
font-size: 0.875em;
line-height: 1.14286em;
color: #4D5256; }
@media only screen and (min-width: 700px) {
.quote-row > header {
width: 12.5em;
height: 12.5em;
border-radius: 6.25em; }
.quote-row > footer {
text-align: center; }
.quote-row > footer .button {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: auto; } }
@media only screen and (min-width: 57em) {
.quote-row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 12.5em 3.75em auto;
grid-template-columns: 12.5em 3.75em auto; }
.quote-row > header {
-ms-grid-column: 1;
grid-column: 1 / 1;
-ms-grid-row: 1;
grid-row: 1 / 1;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin: 0; }
.quote-row > p {
-ms-grid-column: 3;
grid-column: 3 / 3;
-ms-grid-row: 1;
grid-row: 1 / 1;
text-align: left; }
.quote-row > footer {
-ms-grid-column: 3;
grid-column: 3 / 3;
-ms-grid-row: 2;
grid-row: 2 / 2;
text-align: left; }
.quote-row > footer .button {
margin: 1.25em 0 0 0; }
.quote-row__cite {
text-align: left; } }
.quote-column {
text-align: center;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none; }
.quote-column > p {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
line-height: 1.3;
color: #4AB0AF; }
.quote-column > p {
font-size: 20px; }
@media screen and (min-width: 300px) {
.quote-column > p {
font-size: calc(20px + 44 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.quote-column > p {
font-size: 64px; } }
.quote-column__image {
display: block;
width: 5.625em;
height: 5.625em;
margin: 0.9375em auto;
overflow: hidden;
border-radius: 2.8125em; }
.quote-column__image img {
width: 100%; }
.quote-column__name {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 0.6875em;
line-height: 1.36364em;
color: #4AB0AF; }
.quote-column_on-dark > p,
.quote-column_on-dark .quote-column__name {
color: white; }
.quote-column_thin > p {
font-family: "myriad-pro-semiextended";
font-weight: 300;
font-style: normal; }
@media only screen and (min-width: 41em) {
.quote-column__name {
font-size: 16px; } }
@media only screen and (min-width: 41em) {
.quote-column > p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.quote-column__image {
width: 6.875em;
height: 6.875em;
margin: 1.875em auto 1.25em;
border-radius: 3.4375em; }
.quote-column__name {
font-size: 0.875em;
line-height: 1; } }
.article-snippet {
position: relative;
padding: 16.875em 0 0 0; }
.article-snippet__image {
position: absolute;
top: 0;
left: -2.5em;
right: -2.5em;
height: 15em;
overflow: hidden; }
.article-snippet__image img {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
vertical-align: top; }
.article-snippet__text {
margin: 1.25em 0; }
.article-snippet__text p {
max-width: 32em; }
.article-snippet .header_2 {
color: #4AB0AF; }
@media only screen and (min-width: 41em) {
.article-snippet {
position: static;
padding: 0; }
.article-snippet__image {
position: static;
top: auto;
left: auto;
right: auto;
margin: 0 0 1.875em;
height: auto; }
.article-snippet__image img {
position: static;
top: 0;
left: 0;
-webkit-transform: none;
transform: none; } }
@media only screen and (min-width: 57em) {
.article-snippet__image {
position: static;
top: auto;
left: auto;
right: auto;
margin: 0 0 1.875em; } }
.split-text__title {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.1;
color: #262626; }
.split-text__title {
font-size: 25px; }
@media screen and (min-width: 300px) {
.split-text__title {
font-size: calc(25px + 23 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.split-text__title {
font-size: 48px; } }
.split-text__text {
margin: 1.25em 0 0 0; }
.split-text__text > p {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.45;
color: #262626;
font-weight: 300 !important; }
.split-text__text > p {
font-size: 13px; }
@media screen and (min-width: 300px) {
.split-text__text > p {
font-size: calc(13px + 5 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.split-text__text > p {
font-size: 18px; } }
.split-text__text > :last-child {
margin-bottom: 2em; }
.split-text_on-dark .split-text__title,
.split-text_on-dark .split-text__text > p {
color: white; }
@media only screen and (min-width: 41em) {
.split-text__text {
margin: 3.125em auto 0;
max-width: 50em;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-width: 50%;
column-width: 50%;
-webkit-column-gap: 2.5em;
column-gap: 2.5em; } }
.figures-carousel {
padding: 0 0 2.5em;
background: #4AB0AF; }
.figures-carousel__title {
padding: 1.25em 0;
text-align: center; }
.figures-carousel__title h2, .figures-carousel__title h3 {
text-align: center;
color: white; }
.figures-carousel__figure {
margin: 0 0 2.5em;
margin: 0;
text-align: center; }
.figures-carousel__figure__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 8.125em; }
.figures-carousel__figure:last-child {
margin-bottom: 0; }
.figures-carousel__number {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 3em;
line-height: 1.20833em;
color: white;
letter-spacing: 0.15em; }
.figures-carousel__text-number {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0 0.17857em;
font-size: 1.75em;
line-height: 1em;
color: white; }
.figures-carousel__text {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
margin: 0 auto;
max-width: 10em;
font-size: 1em;
line-height: 1.1875em;
color: white; }
.figures-carousel__note {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
margin: 0.38462em auto 0;
font-size: 0.8125em;
line-height: 1.46154em;
color: white; }
.figures-carousel__button {
z-index: 2;
position: absolute;
top: 50%;
top: calc(50% - 0.9375em); }
.figures-carousel__button svg {
width: 1.875em;
height: 1.875em;
fill: white; }
.figures-carousel__button_left {
left: 0.9375em; }
.figures-carousel__button_right {
right: 0.9375em; }
@media only screen and (min-width: 35em) {
.figures-carousel__figures {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.figures-carousel__figure {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
position: relative;
min-height: 7.5em; }
.figures-carousel__figure__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 8.125em; }
.figures-carousel__figure:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 0.125em;
height: 8.75em;
background: white; }
.figures-carousel__figure:nth-child(2) {
display: block; }
.figures-carousel__text-number {
margin-top: 0.32143em; }
.figures-carousel .slick-slide:nth-child(2n+1) .figures-carousel__figure:before {
display: none; } }
@media only screen and (min-width: 57em) {
.figures-carousel {
padding-bottom: 8.75em; }
.figures-carousel__title {
padding-top: 2.5em;
margin: 0 0 3.75em; }
.figures-carousel__figures {
margin-left: auto;
margin-right: auto;
max-width: 73.75em; }
.figures-carousel__figure {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
margin: 0; }
.figures-carousel__figure:nth-child(2n+3):before {
display: block; }
.figures-carousel__figure:nth-child(3), .figures-carousel__figure:nth-child(4) {
display: block; }
.figures-carousel .slick-slide:nth-child(2n+1) .figures-carousel__figure:before {
display: block; }
.figures-carousel .slick-slide:nth-child(4n+1) .figures-carousel__figure:before {
display: none; } }
@media only screen and (min-width: 78.75em) {
.figures-carousel__button_left {
left: -2.5em; }
.figures-carousel__button_right {
right: -2.5em; } }
.site-navigation {
padding: 2.5em;
background: white; }
.site-navigation__header {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
margin: 1.66667em 0 0;
font-size: 1.125em;
line-height: 2.05556em;
color: #262626; }
.site-navigation__link {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
display: block;
font-size: 1.125em;
line-height: 2.05556em;
color: #262626; }
.site-navigation__link_space-above {
margin-top: 1.66667em; }
.no-touchevents .site-navigation__link:not(span):hover {
color: #4AB0AF; }
.site-navigation__source {
position: relative;
display: block;
padding: 0 0 0 1.875em;
margin: 5.625em 0 0 0; }
.site-navigation__source span {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 0.875em;
line-height: 2.64286em;
color: #262626; }
.site-navigation__source svg {
display: block;
position: absolute;
top: 50%;
top: calc(50% - 0.625em);
left: 0;
width: 1.25em;
height: 1.25em;
fill: #4AB0AF; }
.no-touchevents .site-navigation__source:hover span {
color: #4AB0AF; }
.site-navigation__close {
display: inline-block;
margin: 0 0 3.125em; }
.site-navigation__close svg {
display: inline-block;
width: 2.03125em;
height: 2.03125em;
fill: #4AB0AF; }
.no-touchevents .site-navigation__close:hover svg {
fill: #262626; }
@media only screen and (min-width: 35em) {
.site-navigation {
z-index: 20;
position: absolute;
top: 0;
left: -28.125em;
padding: 2.5em 3.125em;
width: 28.125em;
-webkit-transition: left .4s;
transition: left .4s; }
.site-navigation.show {
left: 0; } }
.stat__title {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.25em;
line-height: 1.2em;
color: white; }
.stat__description {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 1.0625em;
line-height: 1.35294em;
color: white; }
.stat__image {
margin: 2.5em 0 0 0; }
.stat__image img {
width: 100%;
vertical-align: top; }
.stat_center {
text-align: center; }
.stats .stat {
margin-bottom: 5em; }
.stats .stat:last-child {
margin-bottom: 0; }
@media only screen and (min-width: 41em) {
.stats .stat {
margin-left: auto;
margin-right: auto;
max-width: 35.9375em; } }
@media only screen and (min-width: 57em) {
.stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.stats .stat {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-ms-flex-preferred-size: calc(50% - 0.9375em);
flex-basis: calc(50% - 0.9375em);
margin: 0; } }
.page-header {
max-width: 1700px;
margin: 0 auto; }
p {
-webkit-hyphens: none !important;
-ms-hyphens: none !important;
hyphens: none !important; }
.travel {
border-left: 4px solid #4AB0AF;
padding-left: 40px;
font-style: italic !important; }
p.travel {
max-width: 600px !important; }
img.travel {
margin: 0 !important;
padding-bottom: 20px;
padding-top: 20px;
width: 70% !important; }
@media screen and (max-width: 650px) {
img.travel {
width: 90% !important; } }
img.smaller {
width: 60% !important; }
img.margin-smaller {
margin-bottom: 10px !important; }
.blue {
color: #4AB0AF !important; }
.italic {
font-style: italic !important; }
.profile {
width: initial !important;
border-radius: 50%;
margin-bottom: 20px !important; }
@media screen and (max-width: 650px) {
.profile {
padding-left: 20px; } }
.site-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1.25em; }
.site-header__logo {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.site-header__logo img {
width: 5.3125em; }
.site-header__menu-link {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.site-header__menu-link svg {
width: 2.1875em;
height: 2.1875em;
fill: #4AB0AF;
-webkit-transition: all .3s;
transition: all .3s; }
.no-touchevents .site-header__menu-link:hover svg {
fill: #262626; }
.site-header__subheader {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.site-header__subheader img {
width: 5.625em; }
@media only screen and (min-width: 41em) {
.site-header {
position: relative;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.site-header__logo img {
width: 7.5em; }
.site-header__menu-link {
position: absolute;
top: 50%;
left: 1.25em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.site-header__menu-link svg {
width: 2.8125em;
height: 2.8125em; }
.site-header__subheader {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%); }
.site-header__subheader img {
width: 8.75em;
height: auto; } }
@media only screen and (min-width: 57em) {
.site-header {
padding: 2.1875em 3.4375em; }
.site-header__logo img {
width: 10.375em; }
.site-header__menu-link {
left: 2.1875em; }
.site-header__subheader img {
width: 12.5em;
height: auto; } }
.site-footer {
padding: 1.5625em 2.5em 1.875em;
background: #F4F6F9; }
.site-footer__return-to-top {
margin: 0 0 1.875em;
text-align: center; }
.site-footer__return-to-top a {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
margin: 0.76923em 0 0 0;
font-size: 0.8125em;
line-height: 1;
text-transform: uppercase;
color: #4AB0AF; }
.site-footer__return-to-top:before {
content: '';
display: block;
width: 0;
height: 0;
margin: 0 auto;
border-style: solid;
border-width: 0 0.5625em 0.75em 0.5625em;
border-color: transparent transparent #4AB0AF transparent; }
.site-footer__centered {
margin: 0 0 1.25em; }
.site-footer__centered span {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
display: block;
font-size: 0.8125em;
line-height: 1.23077em;
color: #262626; }
.site-footer__contact__entry {
margin: 0 0 1.25em; }
.site-footer__contact__entry:last-child {
margin-bottom: 0; }
.site-footer__contact__text {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
display: block;
font-size: 0.8125em;
line-height: 1.23077em;
color: #262626; }
.site-footer__contact__title {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
font-size: 0.8125em;
line-height: 1.23077em;
color: #262626; }
@media only screen and (min-width: 35em) {
.site-footer__centered span, .site-footer__contact__text, .site-footer__contact__title {
font-size: 16px; } }
@media only screen and (min-width: 35em) {
.site-footer {
padding: 1.875em 2.5em 2.5em; }
.site-footer__return-to-top {
position: relative;
display: inline-block;
margin: 0 0 3.125em; }
.site-footer__return-to-top a {
padding-left: 2.30769em;
margin: 0; }
.site-footer__return-to-top:before {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.site-footer__centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 5.625em; }
.site-footer__centered span {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 2em;
font-size: 1.25em;
line-height: 1;
border-left: 0.1em solid #262626; }
.site-footer__centered span:first-child {
padding-left: 0;
border-left: none; }
.site-footer__centered span:last-child {
padding-right: 0; }
.site-footer__contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.site-footer__contact__entry {
-ms-flex-preferred-size: 23.125em;
flex-basis: 23.125em;
margin: 0;
text-align: center; }
.site-footer__contact__text {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.0625em;
line-height: 1.17647em;
color: #4AB0AF; }
.site-footer__contact__title {
font-size: 1.0625em;
line-height: 1.17647em;
color: #4AB0AF; } }
@media only screen and (min-width: 1260px) {
.site-footer__inner {
margin: 0 auto;
max-width: 73.75em; } }
.home-header {
padding: 5em 0;
height: 29.375em;
text-align: center; }
.home-header .shadow {
text-shadow: 2px 2px black; }
@media screen and (max-width: 768px) {
.home-header .shadow {
text-shadow: 0 0 transparent; } }
.home-header__title h1,
.home-header__title h2 {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 auto;
max-width: 10em;
font-size: 1.5em;
line-height: 1.25em;
color: #262626; }
.home-header__link-down {
display: inline-block;
padding: 1.25em;
-webkit-transition: padding .3s;
transition: padding .3s; }
.home-header__link-down svg {
width: 1.25em;
height: 1.25em;
fill: #262626; }
.no-touchevents .home-header__link-down:hover {
padding-top: 1.875em; }
@media only screen and (max-width: 41em) {
.home-header {
background: grey url("/images/homepage/header-illustration-mobile.jpg") center center no-repeat;
background-size: cover; } }
@media only screen and (min-width: 41em) {
.home-header__title h1,
.home-header__title h2 {
font-size: 16px; } }
@media only screen and (min-width: 41em) {
.home-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 41.875em;
background: grey url("/images/homepage/header-illustration-desktop-hi.jpg") center center no-repeat;
background-size: cover; }
.home-header__title h1,
.home-header__title h2 {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.1;
color: white; }
.home-header__title h1,
.home-header__title h2 {
font-size: 40px; } }
@media only screen and (min-width: 41em) and (min-width: 300px) {
.home-header__title h1,
.home-header__title h2 {
font-size: calc(40px + 32 * ((100vw - 300px) / 900)); } }
@media only screen and (min-width: 41em) and (min-width: 1200px) {
.home-header__title h1,
.home-header__title h2 {
font-size: 72px; } }
@media only screen and (min-width: 41em) {
.home-header__link-down {
position: absolute;
left: 50%;
left: calc(50% - 1.5625em);
bottom: 6.25em; }
.home-header__link-down svg {
width: 3.125em;
height: 3.125em;
fill: white; } }
.page-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 5em 2.5em;
height: 29.375em; }
.page-header__title {
z-index: 2;
position: relative;
text-align: center; }
.page-header__title .header-1 {
margin: 0 auto;
max-width: 6em;
color: white; }
.page-header__title_wider .header-1 {
max-width: 10em; }
.page-header__link-down {
z-index: 2;
position: relative;
display: inline-block;
padding: 0.625em;
-webkit-transition: padding .3s;
transition: padding .3s; }
.page-header__link-down svg {
width: 1.875em;
height: 1.875em;
fill: white; }
.no-touchevents .page-header__link-down:hover {
padding-top: 1.875em; }
.page-header:before {
content: '';
z-index: 1;
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.15); }
@media only screen and (min-width: 35em) {
.page-header + .page-row {
padding-top: 3.75em; } }
@media only screen and (max-width: 41em) {
.page-header_image-1 {
background: grey url("/images/page-headers/drammen-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-2 {
background: grey url("/images/year-in-review/header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-3 {
background: grey url("/images/page-headers/leder-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-4 {
background: grey url("/images/page-headers/kreativitet-i-hver-kvadratmeter-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-5 {
background: grey url("/images/page-headers/100aar-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-6 {
background: grey url("/images/page-headers/tidslinje_digital-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-7 {
background: grey url("/images/page-headers/norges-mest-mangfoldige-portefolje-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-8 {
background: grey url("/images/page-headers/stoppesteder-i-norgeshistorien-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-9 {
background: grey url("/images/page-headers/utstillings-vindu-for-det-moderne-norge-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-10 {
background: grey url("/images/page-headers/innovative-miljo-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-11 {
background: grey url("/images/page-headers/vill-vekst-i-voss-header-mobile.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-12 {
background: grey url("/images/page-headers/3d-national-header-mobile.jpg") center center no-repeat;
background-size: cover; } }
@media only screen and (min-width: 41em) {
.page-header {
height: 31.25em; }
.page-header__link-down {
display: none; }
.page-header_image-1 {
background: grey url("/images/page-headers/drammen-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-2 {
background: grey url("/images/year-in-review/header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-3 {
background: grey url("/images/page-headers/leder-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-4 {
background: grey url("/images/page-headers/kreativitet-i-hver-kvadratmeter-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-5 {
background: grey url("/images/page-headers/janne-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-6 {
background: grey url("/images/page-headers/tidslinje_digital-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-7 {
background: grey url("/images/page-headers/norges-mest-mangfoldige-portefolje-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-8 {
background: grey url("/images/page-headers/stoppesteder-i-norgeshistorien-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-9 {
background: grey url("/images/page-headers/utstillings-vindu-for-det-moderne-norge-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-10 {
background: grey url("/images/page-headers/innovative-miljo-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-11 {
background: grey url("/images/page-headers/vill-vekst-i-voss-header-desktop.jpg") center center no-repeat;
background-size: cover; }
.page-header_image-12 {
background: grey url("/images/page-headers/3d-national-header-desktop.jpg") center center no-repeat;
background-size: cover; } }
.page-row {
padding: 2.5em; }
.page-row__inner {
margin: 0 auto;
max-width: 73.75em; }
.page-row__inner-thin {
margin: 0 auto;
max-width: 50em; }
.page-row__title {
padding: 1.25em 0;
text-align: center; }
.page-row__title h2, .page-row__title h3 {
text-align: center;
color: #262626; }
.page-row__title_on-dark h2, .page-row__title_on-dark h3 {
color: white; }
.page-row__title_green h2, .page-row__title_green h3 {
color: #4AB0AF; }
.page-row_with-title {
padding-top: 0; }
.page-row_grey {
background: #F4F6F9; }
.page-row_green {
background: #4AB0AF; }
.page-row_black {
background: #262626; }
.page-row_image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.page-row_flush-top {
padding-top: 0; }
@media only screen and (min-width: 35em) {
.page-row {
padding-top: 6.875em;
padding-bottom: 6.875em; }
.page-row__title {
padding: 1.875em; }
.page-row_with-title {
padding-top: 0; }
.page-row_flush-top {
padding-top: 0; }
.page-row_mobile-sizes {
padding-top: 2.5em;
padding-bottom: 2.5em; } }
@media only screen and (min-width: 78.75em) {
.page-row {
padding-left: 0;
padding-right: 0; } }
.two-col > * {
margin: 0 0 2.5em; }
.two-col > *:last-child {
margin-bottom: 0; }
@media only screen and (min-width: 41em) {
.two-col > * {
margin-left: auto;
margin-right: auto;
max-width: 35.9375em; } }
@media only screen and (min-width: 57em) {
.two-col {
overflow: hidden; }
.two-col > * {
float: left;
width: 50%;
width: calc(50% - 0.9375em);
margin: 0 0 0 1.86875em; }
.two-col > *:first-child {
margin-left: 0; }
.two-col > *:nth-child(2n+3) {
margin-left: 0;
clear: left; } }
.staff-carousel {
padding: 1.25em 0 0;
background: #262626; }
.staff-carousel__left {
padding: 1.25em 2.5em;
margin: 1.25em 0 0;
text-align: center;
background: #F4F6F9; }
.staff-carousel__right {
padding: 2.5em 2.5em;
background: #F4F6F9; }
.staff-carousel__right .staff-carousel__job-title,
.staff-carousel__right .staff-carousel__name {
display: none; }
.staff-carousel__image {
display: inline-block !important;
width: 7.1875em;
height: 7.1875em;
margin: 0 0 0.625em;
border-radius: 3.59375em; }
.staff-carousel__title {
text-align: center;
color: white; }
.staff-carousel__summary {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
margin: 1.33333em 2.66667em 0;
text-align: center;
font-size: 0.9375em;
line-height: 1.26667em;
color: #F4F6F9; }
.staff-carousel__name {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
font-size: 0.9375em;
line-height: 1.2em;
color: #262626; }
.staff-carousel__job-title {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
font-size: 0.6875em;
line-height: 1.63636em;
color: #262626; }
.staff-carousel__quote {
margin: 1.875em 0 0 0; }
.staff-carousel__quote > p {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 0.9375em;
line-height: 1.73333em;
color: #262626; }
.staff-carousel__quote > p:last-child {
margin-bottom: 0; }
.staff-carousel__extended > p {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 0.9375em;
line-height: 1.73333em;
color: #262626; }
.staff-carousel__extended > p em {
font-style: italic; }
.staff-carousel__extended > p:last-child {
margin-bottom: 0; }
.staff-carousel__button {
z-index: 2;
position: absolute;
top: 5.625em; }
.staff-carousel__button svg {
width: 1.25em;
height: 1.25em;
fill: #262626; }
.staff-carousel__button_left {
left: 1.25em; }
.staff-carousel__button_right {
right: 1.25em; }
@media only screen and (min-width: 35em) {
.staff-carousel__quote > p,
.staff-carousel__extended p {
font-size: 16px; } }
@media only screen and (min-width: 35em) {
.staff-carousel {
padding: 1.875em 0 0; }
.staff-carousel__left {
margin-top: 1.875em; }
.staff-carousel__quote > p {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.875em;
line-height: 1.4em;
color: #262626; }
.staff-carousel__extended p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1em;
line-height: 1.75em; } }
@media only screen and (min-width: 41em) {
.staff-carousel__summary {
margin-left: auto;
margin-right: auto;
max-width: 40em; } }
@media only screen and (min-width: 57em) {
.staff-carousel__job-title, .staff-carousel__name {
font-size: 16px; } }
@media only screen and (min-width: 57em) {
.staff-carousel {
padding-bottom: 4.375em; }
.staff-carousel__summary {
margin-bottom: 1.875em; }
.staff-carousel__entry {
padding: 0 5em;
margin: 0 auto 0; }
.staff-carousel__entry__inner {
margin: 0 auto;
max-width: 80em; }
.staff-carousel__entry__inner:after {
content: "";
display: table;
clear: both; }
.staff-carousel__left, .staff-carousel__right {
position: relative;
padding: 6.25em 5em;
margin: 0;
float: left;
width: 50%; }
.staff-carousel__left:before, .staff-carousel__right:before {
content: '';
z-index: 1;
display: block;
position: absolute;
left: 0;
top: 0;
height: 2000px;
width: 100%;
background: #F4F6F9; }
.staff-carousel__left .staff-carousel__job-title,
.staff-carousel__left .staff-carousel__name {
display: none; }
.staff-carousel__right .staff-carousel__job-title,
.staff-carousel__right .staff-carousel__name {
display: block; }
.staff-carousel__right:before {
background: white; }
.staff-carousel__extended, .staff-carousel__quote {
z-index: 2;
position: relative; }
.staff-carousel__image {
z-index: 2;
position: relative;
margin: 0;
width: 10.9375em;
height: 10.9375em;
border-radius: 5.46875em; }
.staff-carousel__job-title {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 1.0625em;
line-height: 1.88235em; }
.staff-carousel__name {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
margin-bottom: 1em;
font-size: 1.875em;
line-height: 1.06667em; }
.staff-carousel__button {
top: 50%;
top: calc(50% - 0.9375em);
outline: none; }
.staff-carousel__button svg {
height: 1.875em;
width: 1.875em;
fill: white; }
.no-touchevents .staff-carousel__button:hover svg {
fill: #4AB0AF; } }
@media only screen and (min-width: 90em) {
.staff-carousel__button_left {
left: 50%;
left: calc(50% - 43.75em); }
.staff-carousel__button_right {
left: 50%;
left: calc(50% + 41.875em); } }
.project-carousel {
padding: 1.25em 0 0;
background: #262626; }
.project-carousel p {
-webkit-hyphens: none !important;
-ms-hyphens: none !important;
hyphens: none !important; }
.project-carousel .graph {
margin: 0 auto; }
.project-carousel__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.25em;
margin: 0 0 1.25em; }
.project-carousel__header .button .desktop-only {
display: none; }
.project-carousel__title {
text-align: center;
color: white; }
.project-carousel__text {
padding: 2.5em 2.5em; }
.project-carousel__image {
position: relative;
height: 27.5em;
overflow: hidden;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover; }
.project-carousel__image:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.1); }
.project-carousel__text-description {
display: none; }
.project-carousel__location {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
margin: 0 0 1em;
font-size: 1.25em;
line-height: 1.4em;
color: white; }
.project-carousel__details > li {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
margin: 0 0 0.57692em;
font-size: 0.8125em;
line-height: 1.38462em;
color: white; }
.project-carousel__details > li strong {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.project-carousel__button {
z-index: 2;
position: absolute;
top: 12.8125em; }
.project-carousel__button svg {
width: 1.875em;
height: 1.875em;
fill: white; }
.project-carousel__button_left {
left: 0.9375em; }
.project-carousel__button_right {
right: 0.9375em; }
.project-carousel__additional-arrows, .project-carousel__named-nav {
display: none; }
@media only screen and (min-width: 35em) {
.project-carousel__image {
height: 34.375em; }
.project-carousel__location {
font-size: 16px; }
.project-carousel__button {
top: 16.5625em; } }
@media only screen and (min-width: 35em) {
.project-carousel {
padding: 1.875em 0 0; }
.project-carousel__header {
margin: 0 0 1.875em; }
.project-carousel__header .button .desktop-only {
display: inline; }
.project-carousel__image {
padding: 0;
height: 35em; }
.project-carousel__location {
font-size: 1.875em;
line-height: 1; } }
@media only screen and (min-width: 57em) {
.project-carousel {
padding-bottom: 3.75em;
overflow: hidden; }
.project-carousel__entry {
overflow: hidden;
padding: 0 5em;
margin: 0; }
.project-carousel__entry__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
max-width: 80em; }
.project-carousel__title {
text-align: left; }
.project-carousel__header {
display: block;
position: relative;
padding: 0;
margin-left: 5em;
margin-right: 5em; }
.project-carousel__header .button {
position: absolute;
right: 0;
top: 0;
top: calc(50% - 0.9375em); }
.project-carousel__image {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
height: auto; }
.project-carousel__text {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 6.875em 3.125em;
margin: 0;
background: #F4F6F9; }
.project-carousel__location {
margin: 0 0 0.33333em;
color: #262626; }
.project-carousel__details > li {
color: #262626; }
.project-carousel__text-description {
display: block;
margin: 0 0 3.75em; }
.project-carousel__text-description > p {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 0.9375em;
line-height: 1.73333em;
color: #262626; }
.project-carousel__text-description > p strong {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.project-carousel__button {
top: 21.25em;
outline: none; }
.project-carousel__button svg {
height: 1.875em;
width: 1.875em;
fill: white; }
.no-touchevents .project-carousel__button:hover svg {
fill: #4AB0AF; }
.project-carousel__button.slick-disabled {
opacity: 0.2;
cursor: default; }
.project-carousel__button.slick-disabled:hover svg {
fill: white; }
.project-carousel__additional-arrows {
display: block;
margin: 2.1875em 0 0;
text-align: center; }
.project-carousel__additional-arrows a {
display: inline-block;
-webkit-transition: opacity .3s;
transition: opacity .3s; }
.project-carousel__additional-arrows a:first-child {
margin-right: 0.625em; }
.project-carousel__additional-arrows a.disabled {
cursor: default;
opacity: 0.2; }
.project-carousel__additional-arrows svg {
width: 1.25em;
height: 1.25em;
fill: white; }
.project-carousel__named-nav {
overflow: hidden;
position: relative;
left: 0;
width: 100%;
overflow: hidden;
display: block;
padding-left: calc(50% - 9.375em);
margin: 0.3125em 0 0;
-webkit-transition: left .4s;
transition: left .4s; }
.project-carousel__named-nav li {
display: block;
float: left;
width: 18.75em;
text-align: center; }
.project-carousel__named-nav li a {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal; }
.project-carousel__named-nav li:not(.active) a {
font-size: 0.8125em;
line-height: 2em;
color: rgba(255, 255, 255, 0.5); }
.no-touchevents .project-carousel__named-nav li:not(.active) a:hover {
color: white; }
.project-carousel__named-nav__1-entries {
width: calc(50% + 18.75em - 9.375em); }
.project-carousel__named-nav__2-entries {
width: calc(50% + 37.5em - 9.375em); }
.project-carousel__named-nav__3-entries {
width: calc(50% + 56.25em - 9.375em); }
.project-carousel__named-nav__4-entries {
width: calc(50% + 75em - 9.375em); }
.project-carousel__named-nav__5-entries {
width: calc(50% + 93.75em - 9.375em); }
.project-carousel__named-nav__6-entries {
width: calc(50% + 112.5em - 9.375em); }
.project-carousel__named-nav__7-entries {
width: calc(50% + 131.25em - 9.375em); }
.project-carousel__named-nav__8-entries {
width: calc(50% + 150em - 9.375em); }
.project-carousel__named-nav__9-entries {
width: calc(50% + 168.75em - 9.375em); }
.project-carousel__named-nav__10-entries {
width: calc(50% + 187.5em - 9.375em); }
.project-carousel__named-nav__11-entries {
width: calc(50% + 206.25em - 9.375em); }
.project-carousel__named-nav__12-entries {
width: calc(50% + 225em - 9.375em); }
.project-carousel__named-nav__13-entries {
width: calc(50% + 243.75em - 9.375em); }
.project-carousel__named-nav__14-entries {
width: calc(50% + 262.5em - 9.375em); }
.project-carousel__named-nav__15-entries {
width: calc(50% + 281.25em - 9.375em); }
.project-carousel__named-nav__16-entries {
width: calc(50% + 300em - 9.375em); }
.project-carousel__named-nav[data-active-slide="1"] {
left: -18.75em; }
.project-carousel__named-nav[data-active-slide="2"] {
left: -37.5em; }
.project-carousel__named-nav[data-active-slide="3"] {
left: -56.25em; }
.project-carousel__named-nav[data-active-slide="4"] {
left: -75em; }
.project-carousel__named-nav[data-active-slide="5"] {
left: -93.75em; }
.project-carousel__named-nav[data-active-slide="6"] {
left: -112.5em; }
.project-carousel__named-nav[data-active-slide="7"] {
left: -131.25em; }
.project-carousel__named-nav[data-active-slide="8"] {
left: -150em; }
.project-carousel__named-nav[data-active-slide="9"] {
left: -168.75em; }
.project-carousel__named-nav[data-active-slide="10"] {
left: -187.5em; }
.project-carousel__named-nav[data-active-slide="11"] {
left: -206.25em; }
.project-carousel__named-nav[data-active-slide="12"] {
left: -225em; }
.project-carousel__named-nav[data-active-slide="13"] {
left: -243.75em; }
.project-carousel__named-nav[data-active-slide="14"] {
left: -262.5em; }
.project-carousel__named-nav[data-active-slide="15"] {
left: -281.25em; }
.project-carousel__named-nav[data-active-slide="16"] {
left: -300em; }
.project-carousel__named-nav[data-active-slide="0"] li:nth-child(1) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="1"] li:nth-child(2) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="2"] li:nth-child(3) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="3"] li:nth-child(4) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="4"] li:nth-child(5) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="5"] li:nth-child(6) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="6"] li:nth-child(7) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="7"] li:nth-child(8) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="8"] li:nth-child(9) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="9"] li:nth-child(10) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="10"] li:nth-child(11) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="11"] li:nth-child(12) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="12"] li:nth-child(13) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="13"] li:nth-child(14) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="14"] li:nth-child(15) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="15"] li:nth-child(16) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; }
.project-carousel__named-nav[data-active-slide="16"] li:nth-child(17) a {
font-size: 0.9375em;
line-height: 1.73333em;
color: white; } }
@media only screen and (min-width: 78.75em) {
.project-carousel__text-description > p {
font-size: 16px; } }
@media only screen and (min-width: 78.75em) {
.project-carousel__title {
text-align: center; }
.project-carousel__text-description > p {
font-size: 1.0625em;
line-height: 1.75em; } }
@media only screen and (min-width: 90em) {
.project-carousel__header {
margin-left: auto;
margin-right: auto;
max-width: 80em; }
.project-carousel__button_left {
left: 50%;
left: calc(50% - 43.75em); }
.project-carousel__button_right {
left: 50%;
left: calc(50% + 41.875em); } }
.article__header {
margin: 0 0 2.5em; }
.article__header dl {
overflow: hidden;
position: relative;
padding: 0 0 0.625em;
margin: 0 0 2.5em;
color: #262626; }
.article__header dl dt {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: left;
padding: 0 0.25em 0 0;
clear: left;
font-size: 0.6875em;
line-height: 1.36364em; }
.article__header dl dd {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
float: left;
font-size: 0.6875em;
line-height: 1.36364em; }
.article__header dl:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 4.375em;
height: 0.125em;
background: #4AB0AF; }
.article__header__para {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.3;
color: #4AB0AF; }
.article__header__para {
font-size: 25px; }
@media screen and (min-width: 300px) {
.article__header__para {
font-size: calc(25px + 13 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.article__header__para {
font-size: 38px; } }
.article__content {
margin: 0 auto;
max-width: 50em; }
.article__content__seperator {
display: block;
padding-bottom: 2.5em;
height: 0;
border: none;
background: none; }
.article__content > h2 {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #262626;
margin-bottom: 0.3275em; }
.article__content > h2 {
font-size: 20px; }
@media screen and (min-width: 300px) {
.article__content > h2 {
font-size: calc(20px + 10 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.article__content > h2 {
font-size: 30px; } }
.article__content > h4 {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.3;
color: #262626; }
.article__content > h4 {
font-size: 15px; }
@media screen and (min-width: 300px) {
.article__content > h4 {
font-size: calc(15px + 3 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.article__content > h4 {
font-size: 18px; } }
.article__content > h4 + h2 {
margin-top: 0.3275em; }
.article__content > p:not(.image-caption) {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
max-width: 44em;
line-height: 1.75;
color: #262626; }
.article__content > p:not(.image-caption) {
font-size: 15px; }
@media screen and (min-width: 300px) {
.article__content > p:not(.image-caption) {
font-size: calc(15px + 2 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.article__content > p:not(.image-caption) {
font-size: 17px; } }
.article__content > img {
margin: 2.5em -2.5em;
width: 100%;
width: calc(100% + 5em);
vertical-align: top; }
.article__content > img + .image-caption {
margin-top: -2.5em; }
.article__content .quote-column {
margin: 2.5em 0; }
.article__content .image-caption {
padding: 1.25em;
margin-left: -2.5em;
margin-right: -2.5em;
background: #F4F6F9; }
.article__content .image-caption p {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 0.8125em;
line-height: 1.46154em;
color: #262626; }
.article__content > :last-child {
margin-bottom: 0; }
@media only screen and (min-width: 41em) {
.article__content__seperator {
padding-bottom: 3.75em; }
.article__content > img {
margin: 2.5em 0 3.75em;
width: 100%; }
.article__content > img + .image-caption {
margin-top: -3.75em; }
.article__content > img + .article__content__seperator {
margin-top: -2.5em; }
.article__content .image-caption {
margin-left: 0;
margin-right: 0; } }
@media only screen and (min-width: 57em) {
.article__header {
margin: 0 0 3.75em;
width: 50em; }
.article__header dl {
margin-bottom: 3.75em; }
.article__content .quote-column {
position: relative;
left: -3.125em;
width: calc(100% + 6.25em);
margin: 5em 0; } }
.article-list {
overflow: hidden; }
.article-list__entry {
position: relative;
float: left;
width: 50%;
width: calc(50% - 0.9375em);
margin: 1.875em 0 0 1.86875em; }
.article-list__entry:first-child {
margin-left: 0; }
.article-list__entry:nth-child(2n+3) {
margin-left: 0;
clear: left; }
.article-list__entry:first-child, .article-list__entry:nth-child(2) {
margin-top: 0; }
.article-list__image {
padding-bottom: 100%;
margin: 0 0 0.625em;
width: 100%;
height: 0;
background-position: center center;
background-size: cover; }
.article-list__title {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 1.0625em;
line-height: 1.29412em;
color: #262626; }
.article-list__text {
display: none; }
.article-list__arrow {
display: block;
width: 1.5625em;
height: 1.5625em;
fill: #4AB0AF; }
@media only screen and (min-width: 35em) and (max-width: 41em) {
.article-list__entry {
width: 33.333%;
width: calc(33.333% - 1.25em); }
.article-list__entry:nth-child(2n+3) {
margin-left: 1.875em;
clear: none; }
.article-list__entry:nth-child(3n+4) {
margin-left: 0;
clear: left; }
.article-list__entry:nth-child(3) {
margin-top: 0; } }
@media only screen and (min-width: 41em) {
.article-list__title {
font-size: 16px; } }
@media only screen and (min-width: 41em) {
.article-list__inner {
padding-top: 1.875em;
max-width: 73.75em;
margin-left: auto;
margin-right: auto; }
.article-list__entry {
text-align: center; }
.article-list__image {
padding-bottom: 18.75em;
margin-bottom: 1.875em; }
.article-list__title {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: auto;
margin-right: auto;
max-width: 10em;
font-size: 1.875em;
line-height: 1;
color: #4AB0AF; }
.article-list__text {
display: block;
margin: 1.25em 0; }
.article-list__arrow {
display: none; } }
@media only screen and (max-width: 41em) {
.article-list .button {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: none;
background: transparent; }
.article-list .button span {
display: none; } }
@media only screen and (min-width: 57em) {
.article-list__entry {
margin-top: 5em;
width: 33.333%;
width: calc(33.333% - 1.25em); }
.article-list__entry:nth-child(2n+3) {
margin-left: 1.875em;
clear: none; }
.article-list__entry:nth-child(3n+4) {
margin-left: 0;
clear: left; }
.article-list__entry:nth-child(3) {
margin-top: 0; } }
.text-carousel {
position: relative; }
.text-carousel p.larger {
font-size: 15px; }
@media screen and (min-width: 300px) {
.text-carousel p.larger {
font-size: calc(15px + 55 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.text-carousel p.larger {
font-size: 70px; } }
.text-carousel p.smaller {
font-size: 15px; }
@media screen and (min-width: 300px) {
.text-carousel p.smaller {
font-size: calc(15px + 27 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.text-carousel p.smaller {
font-size: 42px; } }
.text-carousel__entry__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 2.5em 2.5em 3.75em;
min-height: 28.75em;
text-align: center;
background: #4D5256; }
.text-carousel__text {
z-index: 2;
position: relative; }
.text-carousel__text p {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
max-width: 15em;
margin: 0 auto;
line-height: 1.25;
color: white; }
.text-carousel__text p {
font-size: 15px; }
@media screen and (min-width: 300px) {
.text-carousel__text p {
font-size: calc(15px + 33 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.text-carousel__text p {
font-size: 48px; } }
.text-carousel__image {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.text-carousel__image:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.175); }
.text-carousel .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 1.5625em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.text-carousel .slick-dots li {
display: block;
width: 0.75em;
height: 0.75em;
margin: 0 0.625em 0 0;
border: 1px solid white;
border-radius: 0.375em; }
.text-carousel .slick-dots li.slick-active {
background: white; }
.text-carousel .slick-dots button {
display: none; }
.no-touchevents .text-carousel .slick-dots li {
cursor: pointer; }
.no-touchevents .text-carousel .slick-dots li:hover {
background: white; }
@media only screen and (min-width: 35em) {
.text-carousel__entry__inner {
padding-top: 6.875em;
padding-bottom: 6.875em;
min-height: 0; } }
@media only screen and (min-width: 41em) {
.text-carousel__entry__inner {
padding: 15.625em 0; }
.text-carousel .slick-dots {
bottom: 2.5em; } }
@media only screen and (min-width: 78.75em) {
.text-carousel__entry__inner {
padding-left: 0;
padding-right: 0; } }
.quarter {
padding: 2.5em; }
.quarter__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin: 0 0 1.25em; }
.quarter__header__quarter {
font-family: "myriad-pro-semiextended";
font-weight: 300;
font-style: normal;
font-size: 5em;
line-height: 1;
color: #4AB0AF; }
.quarter__header__year {
font-family: "myriad-pro-semiextended";
font-weight: 300;
font-style: normal;
position: relative;
top: -0.47059em;
font-size: 1.0625em;
line-height: 1;
color: #4AB0AF; }
.quarter__content__title {
color: #4AB0AF; }
.quarter__content__summary {
margin: 1.25em 0 0; }
.quarter__content__expanded {
margin: 2.5em 0 0; }
.quarter__content__expanded > img {
margin: 2.5em 0 2.5em -2.5em;
width: 100%;
width: calc(100% + 5em);
opacity: 1;
-webkit-transition: opacity .4s;
transition: opacity .4s;
-webkit-transition-delay: .4s;
transition-delay: .4s; }
.quarter__content__expanded > img + h4 {
margin-top: 0; }
.quarter__content__expanded > h4 {
font-family: "myriad-pro";
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top: 1.2em;
line-height: 1.35;
color: #4AB0AF; }
.quarter__content__expanded > h4 {
font-size: 17px; }
@media screen and (min-width: 300px) {
.quarter__content__expanded > h4 {
font-size: calc(17px + 8 * ((100vw - 300px) / 900)); } }
@media screen and (min-width: 1200px) {
.quarter__content__expanded > h4 {
font-size: 25px; } }
.quarter__content__expanded.closed > img {
opacity: 0; }
.quarter__content__expanded:first-child {
margin-top: 0; }
.quarter__content__expanded:last-child {
margin-bottom: 0; }
.quarter__content .expand-button {
margin-top: 1.875em; }
.quarter_grey {
background: #F4F6F9; }
@media only screen and (min-width: 41em) {
.quarter__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 50em; }
.quarter__header {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0; }
.quarter__header__quarter {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.quarter__header__year {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
top: auto; }
.quarter__content {
max-width: 33.125em; } }
@media only screen and (min-width: 57em) {
.quarter__header__quarter, .quarter__header__year {
font-size: 16px; } }
@media only screen and (min-width: 57em) {
.quarter {
padding-top: 6.875em;
padding-bottom: 6.875em; }
.quarter__header__quarter {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 9em; }
.quarter__header__year {
font-size: 2.25em; }
.quarter__content__summary {
margin-top: 0.625em; }
.quarter__content__expanded > img {
margin: 3.75em 0;
width: calc(100% + 6.25em); }
.quarter__content__expanded > img:first-child {
margin-top: 0; } }
@media only screen and (min-width: 78.75em) {
.quarter__content__expanded > img {
margin: 3.75em 0;
width: 45em; }
.quarter__content__expanded > img:first-child {
margin-top: 0; } }
.side-by-side__image img {
width: 100%;
vertical-align: top; }
.side-by-side__image__caption {
padding: 1.25em;
background: #F4F6F9; }
.side-by-side__image__caption p {
font-family: "myriad-pro-semiextended";
font-weight: 400;
font-style: normal;
font-size: 0.8125em;
line-height: 1.46154em;
color: #262626; }
.side-by-side__image_background {
padding-bottom: 100%;
width: 100%;
height: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
.side-by-side__image + .side-by-side__text {
margin-top: -2.5em; }
.side-by-side__text {
padding: 2.5em;
background: #F4F6F9; }
.side-by-side > * {
margin-bottom: 2.5em; }
.side-by-side > *:last-child {
margin-bottom: 0; }
@media only screen and (min-width: 41em) {
.side-by-side__image {
background: #F4F6F9; }
.side-by-side__image__caption {
padding-left: 1.875em;
padding-right: 1.875em; }
.side-by-side__image_background {
width: auto;
height: auto;
padding: 0; }
.side-by-side:not(.side-by-side_single) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.side-by-side:not(.side-by-side_single) > * {
margin: 0;
-ms-flex-preferred-size: 50%;
flex-basis: 50%; } }
@media only screen and (min-width: 57em) {
.side-by-side {
margin: 0 auto;
max-width: 100em; }
.side-by-side__image {
position: relative;
background: transparent; }
.side-by-side__image__caption {
position: absolute;
bottom: 0;
left: 0;
padding: 1.25em 3.75em;
width: 100%;
background: rgba(255, 255, 255, 0.85); }
.side-by-side__text {
padding: 3.75em 5em; } }
@media only screen and (min-width: 78.75em) {
.side-by-side__image__caption {
padding: 1.25em 8.125em; } }
.aret-som-gikk-page .page-header + .page-row .article__header {
margin: 0; }
.aret-som-gikk-page .page-header + .page-row .article__header dl {
margin: 0; }
@media only screen and (min-width: 35em) {
.aret-som-gikk-page .page-header + .page-row {
padding-top: 3.75em;
padding-bottom: 3.75em; } }