.header {
  background: transparent;
}
.header.headroom--not-top {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(130, 130, 130, 0.5) 70%, rgba(0, 0, 0, 0.5) 100%);
}
.header__menu-large .pure-menu-link {
  color: #010101;
}
.header__menu-large .pure-menu-link:visited {
  color: #010101;
}
.header__menu-large .pure-menu-link:hover {
  color: #010101;
}
.header__menu .is-logo.is-logo-blue {
  display: inline-block;
}
.header__menu .is-logo.is-logo-white {
  display: none;
}
.header__menu.open .is-logo.is-logo-blue {
  display: none;
}
.header__menu.open .is-logo.is-logo-white {
  display: inline-block;
}
.menu-toggle .bar {
  background-color: #4c7398;
}
.menu-toggle.x .bar {
  background-color: #FFFFFF;
}
.marker {
  top: -4rem;
}
.marker__image {
  width: 17rem;
  height: 30rem;
  overflow: hidden;
  background-image: url('/static-files/template-marker-no-bird-272-0.png');
}
@media (min-width: 64em) {
  .footer {
    margin-top: -22rem;
  }
}
.page-body {
  padding-bottom: 0rem;
}
.marker__image {
  margin-left: auto;
  margin-right: 1rem;
}
.footer__group {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 48em) {
  .footer__content {
    max-width: 36rem;
  }
}
.lightbox-content {
  padding: 2rem;
  max-height: calc(100vh - (2 * 35px));
  overflow: auto;
  max-width: 60rem;
  margin: 35px auto 35px auto;
}
.lity-close {
  display: none;
}
.title-style {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 48em) {
  .title-style {
    font-size: 3rem;
    line-height: 5rem;
  }
}
.text-wrapper-style {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 6rem 2rem;
  text-align: justify;
}
@media screen and (min-width: 48em) {
  .text-wrapper-style {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
.text-wrapper-style-white {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 6rem 2rem;
  text-align: justify;
  background-color: #68717a;
  color: #FFF;
  font-weight: 200;
}
@media screen and (min-width: 48em) {
  .text-wrapper-style-white {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
.more-title {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
  text-indent: 1rem;
}
@media screen and (min-width: 48em) {
  .more-title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
.more-text {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  text-align: justify;
  margin-top: 2rem;
}
@media screen and (min-width: 48em) {
  .more-text {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
.more-image {
  display: block;
  margin: 2rem auto;
  max-height: 20rem;
}
@media screen and (min-width: 48em) {
  .more-image {
    margin: 0 auto;
    padding: 0 1rem;
  }
}
.more-style {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
}
.more-style:hover,
.more-style:visited {
  color: #000;
}
.more-style-white {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
  color: #FFF;
  font-weight: 500;
}
.more-style-white:hover,
.more-style-white:visited {
  color: #000;
}
.more-style-white:hover,
.more-style-white:visited {
  color: #FFF;
}
.modal-back {
  font-size: 1.25em;
  text-decoration: none;
  display: inline-block;
  padding: 2rem 0;
}
@media screen and (min-width: 64em) {
  .modal-back {
    padding-top: 4rem;
  }
}
.modal-back:hover {
  text-decoration: underline;
}
.modal-back-top {
  font-size: 1.25em;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  right: 2rem;
  top: 2rem;
  padding: 0;
}
.modal-back-top:hover {
  text-decoration: underline;
}
.modal-back-wrapper {
  text-align: center;
}
.longline {
  margin: 0;
}
@media screen and (min-width: 48em) {
  .longline {
    margin: 10rem 0 0 0;
  }
}
.longline__text-wrapper {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 6rem 2rem;
  text-align: justify;
  background-color: #68717a;
  color: #FFF;
  font-weight: 200;
}
@media screen and (min-width: 48em) {
  .longline__text-wrapper {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 48em) {
  .longline__text-wrapper {
    padding: 10rem 2rem 10rem 20%;
  }
}
.longline__title {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 48em) {
  .longline__title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
.longline__image {
  max-width: 100%;
  position: relative;
  z-index: 5;
  height: auto;
  display: block;
}
@media screen and (min-width: 48em) {
  .longline__image {
    max-width: 130%;
    margin: 5em -30% 5em 0;
  }
}
.longline__more {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
  color: #FFF;
  font-weight: 500;
}
.longline__more:hover,
.longline__more:visited {
  color: #000;
}
.longline__more:hover,
.longline__more:visited {
  color: #FFF;
}
.friends {
  max-width: 80rem;
  margin: 0 auto;
}
.friends__text-wrapper {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 6rem 2rem;
  text-align: justify;
  padding-bottom: 0;
}
@media screen and (min-width: 48em) {
  .friends__text-wrapper {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 48em) {
  .friends__text-wrapper {
    padding-right: 0;
    padding-bottom: 6rem;
  }
}
.friends__title {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 48em) {
  .friends__title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
.friends__image {
  max-width: 50%;
  max-height: 25rem;
  padding: 3rem 0 6rem 0;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .friends__image {
    max-width: 80%;
    padding: 6rem 0;
  }
}
.friends__more {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
}
.friends__more:hover,
.friends__more:visited {
  color: #000;
}
.seabirds__text-wrapper {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 6rem 2rem;
  text-align: justify;
  background-color: #68717a;
  color: #FFF;
  font-weight: 200;
}
@media screen and (min-width: 48em) {
  .seabirds__text-wrapper {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 48em) {
  .seabirds__text-wrapper {
    padding-right: 10%;
  }
}
.seabirds__title {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 48em) {
  .seabirds__title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
.seabirds__more {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
  color: #FFF;
  font-weight: 500;
}
.seabirds__more:hover,
.seabirds__more:visited {
  color: #000;
}
.seabirds__more:hover,
.seabirds__more:visited {
  color: #FFF;
}
@media screen and (min-width: 48em) {
  .seabirds__media {
    margin: 5rem 0;
  }
}
.seabirds__image {
  max-width: 100%;
  display: block;
}
@media screen and (min-width: 48em) {
  .seabirds__image {
    max-width: 115%;
    height: 28rem;
    margin-left: -15%;
  }
}
@media screen and (min-width: 64em) {
  .seabirds__image {
    height: auto;
  }
}
.traceability {
  max-width: 80rem;
  margin: 0 auto;
}
.traceability__text-wrapper {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 6rem 2rem;
  text-align: justify;
  max-width: 50rem;
}
@media screen and (min-width: 48em) {
  .traceability__text-wrapper {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
.traceability__title {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 48em) {
  .traceability__title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
.traceability__more {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
}
.traceability__more:hover,
.traceability__more:visited {
  color: #000;
}
.traceability__image {
  max-width: 50%;
  display: block;
  margin: 0 auto;
  padding: 6rem 0 0 0;
}
@media screen and (min-width: 64em) {
  .traceability__image {
    max-width: 80%;
  }
}
.environment {
  margin: 2rem 0 0 0;
}
.environment__text-wrapper {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 6rem 2rem;
  text-align: justify;
  background-color: #68717a;
  color: #FFF;
  font-weight: 200;
}
@media screen and (min-width: 48em) {
  .environment__text-wrapper {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 64em) {
  .environment__text-wrapper {
    padding: 10rem 2rem 10rem 20%;
  }
}
.environment__title {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 48em) {
  .environment__title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
.environment__image {
  max-width: 100%;
  position: relative;
  z-index: 5;
  height: auto;
  display: block;
}
@media screen and (min-width: 64em) {
  .environment__image {
    max-width: 130%;
    margin: 5em -30% 5em 0;
  }
}
.environment__more {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
  color: #FFF;
  font-weight: 500;
}
.environment__more:hover,
.environment__more:visited {
  color: #000;
}
.environment__more:hover,
.environment__more:visited {
  color: #FFF;
}
.quota-dolphin-wrapper {
  max-width: 80rem;
  margin: 0 auto;
}
.quota__text-wrapper {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 6rem 2rem;
  text-align: justify;
  padding-bottom: 0;
}
@media screen and (min-width: 48em) {
  .quota__text-wrapper {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 48em) {
  .quota__text-wrapper {
    padding-right: 0;
  }
}
.quota__title {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 48em) {
  .quota__title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
@media screen and (min-width: 48em) {
  .quota__title {
    padding-right: 0;
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 64em) {
  .quota__title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
.quota__image {
  max-width: 50%;
  max-height: 25rem;
  padding: 3rem 0 6rem 0;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .quota__image {
    max-width: 70%;
    padding: 6rem 0 0 0;
    margin: 0 0 0 auto;
  }
}
.quota__more {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
}
.quota__more:hover,
.quota__more:visited {
  color: #000;
}
@media screen and (min-width: 48em) {
  .dolphin {
    margin-top: -6rem;
  }
}
.dolphin__text-wrapper {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 6rem 2rem;
  text-align: justify;
}
@media screen and (min-width: 48em) {
  .dolphin__text-wrapper {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
.dolphin__title {
  font-family: 'Playfair Display', sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 48em) {
  .dolphin__title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
@media screen and (min-width: 48em) {
  .dolphin__title {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 64em) {
  .dolphin__title {
    font-size: 3rem;
    line-height: 5rem;
  }
}
.dolphin__more {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
}
.dolphin__more:hover,
.dolphin__more:visited {
  color: #000;
}
.dolphin__media {
  background-color: #FFF;
  padding: 4rem 0;
}
@media screen and (min-width: 48em) {
  .dolphin__media {
    background-color: transparent;
    padding: 4rem 0 0 0;
  }
}
.dolphin__image {
  max-width: 50%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .dolphin__image {
    max-width: 70%;
    padding: 4rem 0 6rem 0;
  }
}
@media screen and (min-width: 64em) {
  .dolphin__image {
    padding-top: 0;
  }
}