@import url("https://fonts.googleapis.com/css?family=Poppins&display=swap");
* {
  padding: 0;
  margin: 0; }

body {
  font-family: poppins, sans-serif !important; }

h1, h2, h3, h4 {
  margin: unset !important; }

h1, h2, h3, h4, p {
  font-family: poppins, sans-serif;
  text-transform: unset !important; }
  h1._italic, h2._italic, h3._italic, h4._italic, p._italic {
    font-style: italic; }
  h1._med_italic, h2._med_italic, h3._med_italic, h4._med_italic, p._med_italic {
    font-style: italic;
    font-weight: 600; }
  h1 span.gray_highlight, h2 span.gray_highlight, h3 span.gray_highlight, h4 span.gray_highlight, p span.gray_highlight {
    background-color: #9DA6A8; }
  h1 span.blue_highlight, h2 span.blue_highlight, h3 span.blue_highlight, h4 span.blue_highlight, p span.blue_highlight {
    background-color: #004CA5;
    padding: 0 10px 0 0; }
  h1 span.green_highlight, h2 span.green_highlight, h3 span.green_highlight, h4 span.green_highlight, p span.green_highlight {
    background-color: #137C70;
    padding: 0 10px 0 0; }
  h1 span.purple_highlight, h2 span.purple_highlight, h3 span.purple_highlight, h4 span.purple_highlight, p span.purple_highlight {
    background-color: #552884;
    padding: 0 10px 0 0; }

h1, h2, h3, h4 {
  color: #fff; }

h1 {
  font-size: 120px; }

h2 {
  font-size: 75px;
  font-weight: 500; }

h3 {
  font-size: 38px; }

h4 {
  font-size: 24px; }
  h4.h4_28 {
    font-size: 28px; }

p {
  font-size: 16px;
  color: #707070; }
  p.p_white {
    color: #fff; }

img {
  max-width: 100%; }
  img.cover, img.contain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  img.cover {
    -o-object-fit: cover;
    object-fit: cover; }
  img.contain {
    -o-object-fit: contain;
    object-fit: contain; }

div.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px 0;
  max-width: 50%;
  margin: 0 auto; }
  div.button:hover {
    cursor: pointer; }
    div.button:hover img.icon {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5); }
  div.button p.button_text {
    margin: 15px;
    font-weight: 600; }
  div.button img.icon {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  div.button.back_button {
    margin: 0; }
    div.button.back_button p.button_text {
      margin: 0;
      margin-left: 15px; }

div.back_to_top_button {
  display: none;
  border-radius: 2px; }
  div.back_to_top_button img.icon {
    margin-right: 5%; }

div.column_bg {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 100vh;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -webkit-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; }
  div.column_bg:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

div.top_page {
  overflow-x: hidden; }

section.s1 {
  background: #071633;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 130px 10% 70px 20%; }
  section.s1 div.main_title {
    margin-right: 5%;
    margin-bottom: -10px; }
    section.s1 div.main_title h1.title_text {
      line-height: 1.2em; }
      section.s1 div.main_title h1.title_text span.gray_highlight {
        padding-right: 20px;
        background: -webkit-linear-gradient(transparent 15%, #9DA6A8 15%, #9DA6A8 85%, transparent 85%);
        background: -o-linear-gradient(transparent 15%, #9DA6A8 15%, #9DA6A8 85%, transparent 85%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, transparent), color-stop(15%, #9DA6A8), color-stop(85%, #9DA6A8), color-stop(85%, transparent));
        background: linear-gradient(transparent 15%, #9DA6A8 15%, #9DA6A8 85%, transparent 85%); }
    section.s1 div.main_title div.mobile_text {
      display: none; }
  section.s1 div.tagline {
    width: 40%;
    margin-top: auto; }
    section.s1 div.tagline h4.subtitle {
      line-height: 2em;
      margin-bottom: 30px; }

section.s2 {
  background: #071633;
  padding-left: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  section.s2 div.content_container {
    background: #fff;
    padding: 30px 15%; }
    section.s2 div.content_container p.content {
      line-height: 2em;
      margin-bottom: 30px; }
  section.s2 div.scroll_bar {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 5%;
    top: 30px; }
    section.s2 div.scroll_bar div.bar_line {
      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-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 71px; }
      section.s2 div.scroll_bar div.bar_line div.dot {
        background: #D0D0D0;
        border-radius: 50%;
        width: 10px;
        height: 10px; }
      section.s2 div.scroll_bar div.bar_line div.line {
        background: #D0D0D0;
        width: 2px;
        height: 600px; }
      section.s2 div.scroll_bar div.bar_line div.icons {
        background: #fff;
        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-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        section.s2 div.scroll_bar div.bar_line div.icons div.section_icon {
          margin-bottom: 15px;
          position: relative; }
          section.s2 div.scroll_bar div.bar_line div.icons div.section_icon img {
            -o-object-fit: none;
            object-fit: none; }
          section.s2 div.scroll_bar div.bar_line div.icons div.section_icon.land_icon {
            width: 62px;
            padding-bottom: 94%; }
          section.s2 div.scroll_bar div.bar_line div.icons div.section_icon.sea_icon {
            width: 40px;
            padding-bottom: 103%; }
          section.s2 div.scroll_bar div.bar_line div.icons div.section_icon.space_icon {
            width: 77px;
            padding-bottom: 105%; }
            section.s2 div.scroll_bar div.bar_line div.icons div.section_icon.space_icon img {
              -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              transform: rotate(90deg); }

section.s3 {
  background: #071633;
  padding: 70px 10%; }
  section.s3 div.tagline h4.h4_28 span.gray_highlight {
    padding: 0 10px; }

section.s4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh; }
  section.s4.examples_shown {
    z-index: -1; }
  section.s4 div.institution_column {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    section.s4 div.institution_column div.column_bg.land {
      background: url("https://cdn.txamfoundation.com/Spirit/Summer-2019/cover-feature/land_column.jpg");
      background-position-x: 45%; }
      section.s4 div.institution_column div.column_bg.land:before {
        background: #137C70;
        opacity: .4; }
    section.s4 div.institution_column div.column_bg.sea {
      background: url("https://cdn.txamfoundation.com/Spirit/Summer-2019/cover-feature/sea_column.jpg");
      background-position-x: 18%; }
      section.s4 div.institution_column div.column_bg.sea:before {
        background: #004CA5;
        opacity: .6; }
    section.s4 div.institution_column div.column_bg.space {
      background: url("https://cdn.txamfoundation.com/Spirit/Summer-2019/cover-feature/space_column.jpg");
      background-position-x: 29%; }
      section.s4 div.institution_column div.column_bg.space:before {
        background: #552884;
        opacity: .4; }
    section.s4 div.institution_column div.column_content {
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      width: 100%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center; }
      section.s4 div.institution_column div.column_content h2.institution_title {
        position: relative;
        z-index: 1; }
      section.s4 div.institution_column div.column_content div.line {
        background: #fff;
        height: 8px;
        width: 75px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        -webkit-transition: background-color .5s ease-in-out;
        -moz-transition: background-color .5s ease-in-out;
        -o-transition: background-color .5s ease-in-out;
        transition: background-color .5s ease-in-out;
        -webkit-transition: width .5s ease-in-out;
        -o-transition: width .5s ease-in-out;
        transition: width .5s ease-in-out; }
      section.s4 div.institution_column div.column_content div.bottom_text {
        display: none;
        position: absolute;
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        section.s4 div.institution_column div.column_content div.bottom_text h4.tagline {
          margin: 30px 20% 0; }
    section.s4 div.institution_column:hover {
      cursor: pointer; }
      section.s4 div.institution_column:hover div.column_bg {
        -webkit-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
      section.s4 div.institution_column:hover div.column_content div.line {
        height: 40px;
        width: 190px;
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        -webkit-transition: background-color .5s ease-in-out;
        -moz-transition: background-color .5s ease-in-out;
        -o-transition: background-color .5s ease-in-out;
        -webkit-transition: background-color 1s ease-in-out;
        -o-transition: background-color 1s ease-in-out;
        transition: background-color 1s ease-in-out;
        -webkit-transition: width .5s ease-in-out;
        -o-transition: width .5s ease-in-out;
        transition: width .5s ease-in-out; }
      section.s4 div.institution_column:hover div.column_content div.green_line {
        background: #15524B; }
      section.s4 div.institution_column:hover div.column_content div.blue_line {
        background: #153152; }
      section.s4 div.institution_column:hover div.column_content div.purple_line {
        background: #43285F; }
      section.s4 div.institution_column:hover div.column_content div.bottom_text {
        display: unset; }

div.examples_page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  height: 100vh;
  min-width: 100%;
  z-index: 99999;
  overflow: hidden; }
  div.examples_page section.examples {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 200%;
    height: 100vh;
    width: 100%;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease; }
    div.examples_page section.examples.active {
      top: 0;
      position: fixed;
      height: 100%; }
      div.examples_page section.examples.active div.example_tile {
        top: 0;
        -webkit-transition: all 1s ease-in-out, top .5s ease-in-out;
        -o-transition: all 1s ease-in-out, top .5s ease-in-out;
        transition: all 1s ease-in-out, top .5s ease-in-out; }
        div.examples_page section.examples.active div.example_tile:nth-child(2) {
          -webkit-transition: all 1s ease-in-out,top 1s ease-in-out;
          -o-transition: all 1s ease-in-out,top 1s ease-in-out;
          transition: all 1s ease-in-out,top 1s ease-in-out; }
        div.examples_page section.examples.active div.example_tile:nth-child(3) {
          -webkit-transition: all 1s ease-in-out,top 1.5s ease-in-out;
          -o-transition: all 1s ease-in-out,top 1.5s ease-in-out;
          transition: all 1s ease-in-out,top 1.5s ease-in-out; }
        div.examples_page section.examples.active div.example_tile:nth-child(4) {
          -webkit-transition: all 1s ease-in-out,top 2s ease-in-out;
          -o-transition: all 1s ease-in-out,top 2s ease-in-out;
          transition: all 1s ease-in-out,top 2s ease-in-out; }
        div.examples_page section.examples.active div.example_tile:nth-child(5) {
          -webkit-transition: all 1s ease-in-out,top 2.5s ease-in-out;
          -o-transition: all 1s ease-in-out,top 2.5s ease-in-out;
          transition: all 1s ease-in-out,top 2.5s ease-in-out; }
    div.examples_page section.examples div.example_tile {
      position: relative;
      display: block;
      overflow: hidden;
      top: 200%;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-width: 0;
      max-height: unset;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1;
      -webkit-transition: all 1s ease-in-out,top 2.5s ease-in-out;
      -o-transition: all 1s ease-in-out,top 2.5s ease-in-out;
      transition: all 1s ease-in-out,top 2.5s ease-in-out; }
      div.examples_page section.examples div.example_tile:nth-child(2) {
        -webkit-transition: all 1s ease-in-out,top 2s ease-in-out;
        -o-transition: all 1s ease-in-out,top 2s ease-in-out;
        transition: all 1s ease-in-out,top 2s ease-in-out; }
      div.examples_page section.examples div.example_tile:nth-child(3) {
        -webkit-transition: all 1s ease-in-out,top 1.5s ease-in-out;
        -o-transition: all 1s ease-in-out,top 1.5s ease-in-out;
        transition: all 1s ease-in-out,top 1.5s ease-in-out; }
      div.examples_page section.examples div.example_tile:nth-child(4) {
        -webkit-transition: all 1s ease-in-out,top 1s ease-in-out;
        -o-transition: all 1s ease-in-out,top 1s ease-in-out;
        transition: all 1s ease-in-out,top 1s ease-in-out; }
      div.examples_page section.examples div.example_tile:nth-child(5) {
        -webkit-transition: all 1s ease-in-out, top .5s ease-in-out;
        -o-transition: all 1s ease-in-out, top .5s ease-in-out;
        transition: all 1s ease-in-out, top .5s ease-in-out; }
      div.examples_page section.examples div.example_tile div.column_bg img.cover:first-child {
        -webkit-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        opacity: 0; }
      div.examples_page section.examples div.example_tile div.column_bg img.cover:last-child {
        -webkit-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        opacity: 1; }
      div.examples_page section.examples div.example_tile div.column_bg:before {
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; }
      div.examples_page section.examples div.example_tile div.column_bg img.cover {
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      div.examples_page section.examples div.example_tile div.column_content {
        display: block;
        position: absolute;
        z-index: 1;
        width: 100%;
        bottom: 0; }
        div.examples_page section.examples div.example_tile div.column_content div.bottom_content {
          padding: 0 30px;
          min-height: 200px; }
          div.examples_page section.examples div.example_tile div.column_content div.bottom_content div.button {
            margin: 0;
            margin-top: auto;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
            position: absolute;
            bottom: 0;
            width: 90%;
            padding-top: 100%; }
        div.examples_page section.examples div.example_tile div.column_content div.bg_number {
          z-index: -1;
          position: absolute;
          right: 30px;
          top: -120px; }
          div.examples_page section.examples div.example_tile div.column_content div.bg_number p {
            font-size: 180px; }
      div.examples_page section.examples div.example_tile.hover_class:hover {
        z-index: 5;
        min-width: 5%;
        overflow: unset;
        -webkit-transition: all 1s ease, -webkit-box-flex .3s ease;
        transition: all 1s ease, -webkit-box-flex .3s ease;
        -o-transition: all 1s ease, flex .3s ease;
        transition: all 1s ease, flex .3s ease;
        transition: all 1s ease, flex .3s ease, -webkit-box-flex .3s ease, -ms-flex .3s ease;
        -webkit-box-shadow: 0px 0px 26px 14px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 26px 14px rgba(0, 0, 0, 0.4); }
        div.examples_page section.examples div.example_tile.hover_class:hover div.column_bg {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }
      div.examples_page section.examples div.example_tile.shrink {
        padding: 0; }
        div.examples_page section.examples div.example_tile.shrink div.button {
          display: none; }
        div.examples_page section.examples div.example_tile.shrink div.content {
          -webkit-transition: all .5s ease;
          -o-transition: all .5s ease;
          transition: all .5s ease;
          -webkit-transform: translate(-150%, -50%);
          -ms-transform: translate(-150%, -50%);
          transform: translate(-150%, -50%); }
      div.examples_page section.examples div.example_tile.grow {
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        min-width: 100%; }
        div.examples_page section.examples div.example_tile.grow div.column_bg img.cover:first-child {
          -o-object-position: top;
          object-position: top;
          -webkit-transition: opacity .5s ease-in-out;
          -o-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
          opacity: 1; }
        div.examples_page section.examples div.example_tile.grow div.column_bg img.cover:last-child {
          -o-object-position: 0 -255px;
          object-position: 0 -255px;
          -webkit-transition: opacity .5s ease-in-out;
          -o-transition: opacity .5s ease-in-out;
          transition: opacity .5s ease-in-out;
          opacity: 0; }
        div.examples_page section.examples div.example_tile.grow div.column_bg:before {
          opacity: 0 !important;
          -webkit-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; }
        div.examples_page section.examples div.example_tile.grow div.column_content {
          display: none; }
    div.examples_page section.examples div.title_section {
      position: relative;
      padding: 70px 20px;
      top: 100%;
      overflow: hidden;
      -webkit-box-flex: 1.3;
      -ms-flex: 1.3;
      flex: 1.3; }
      div.examples_page section.examples div.title_section div.back_to_main_button {
        margin: 0;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        max-width: 60%; }
        div.examples_page section.examples div.title_section div.back_to_main_button p.button_text {
          margin: 0 0 0 15px; }
      div.examples_page section.examples div.title_section div.content {
        position: absolute;
        top: 50%;
        -webkit-transition: all 1.5s ease;
        -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        div.examples_page section.examples div.title_section div.content div.title {
          padding: 30px 0;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          div.examples_page section.examples div.title_section div.content div.title h2.title_text {
            position: relative; }
            div.examples_page section.examples div.title_section div.content div.title h2.title_text:after {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              background-repeat: no-repeat !important;
              background-size: contain !important;
              background-position: center;
              content: '';
              z-index: 0;
              position: absolute;
              width: 55px;
              padding-bottom: 15%;
              right: -25px;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
            div.examples_page section.examples div.title_section div.content div.title h2.title_text span {
              padding: 0 40px 0 15px; }
        div.examples_page section.examples div.title_section div.content h3.subtitle {
          margin: 30px 0 0 15px; }
        div.examples_page section.examples div.title_section div.content div.mobile_text {
          display: none; }
    div.examples_page section.examples.by_land div.title_section {
      background: #15524B; }
      div.examples_page section.examples.by_land div.title_section div.content div.title h2.title_text:after {
        background: url("https://cdn.txamfoundation.com/Spirit/Summer-2019/cover-feature/land_icon_white.svg"); }
    div.examples_page section.examples.by_land div.example_tile div.column_content div.bg_number p {
      color: #0D413B; }
    div.examples_page section.examples.by_land div.example_tile.improving_health_section div.column_bg img.cover:last-child {
      -o-object-position: -1105px;
      object-position: -1105px; }
    div.examples_page section.examples.by_land div.example_tile.improving_health_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #019F8C;
      opacity: .6; }
    div.examples_page section.examples.by_land div.example_tile.improving_health_section div.column_content div.bg_number p {
      opacity: .3; }
    div.examples_page section.examples.by_land div.example_tile.food_sources_section div.column_bg img.cover:last-child {
      -o-object-position: -700px;
      object-position: -700px; }
    div.examples_page section.examples.by_land div.example_tile.food_sources_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #048173;
      opacity: .65; }
    div.examples_page section.examples.by_land div.example_tile.food_sources_section div.column_content div.bg_number p {
      opacity: .4; }
    div.examples_page section.examples.by_land div.example_tile.crop_management_section div.column_bg img.cover:last-child {
      -o-object-position: -950px;
      object-position: -950px; }
    div.examples_page section.examples.by_land div.example_tile.crop_management_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #005F54;
      opacity: .7; }
    div.examples_page section.examples.by_land div.example_tile.crop_management_section div.column_content div.bg_number p {
      opacity: .5; }
    div.examples_page section.examples.by_land div.example_tile.beef_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #00554B;
      opacity: .75; }
    div.examples_page section.examples.by_land div.example_tile.beef_section div.column_content div.bg_number p {
      opacity: .6; }
    div.examples_page section.examples.by_sea div.title_section {
      background: #153152; }
      div.examples_page section.examples.by_sea div.title_section div.content div.title h2.title_text:after {
        background: url("https://cdn.txamfoundation.com/Spirit/Summer-2019/cover-feature/sea_icon_white.svg");
        padding-bottom: 12%; }
    div.examples_page section.examples.by_sea div.example_tile div.column_content div.bg_number p {
      color: #153152; }
    div.examples_page section.examples.by_sea div.example_tile.protecting_coasts_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #004CA5;
      opacity: .6; }
    div.examples_page section.examples.by_sea div.example_tile.protecting_coasts_section div.column_content div.bg_number p {
      opacity: .3; }
    div.examples_page section.examples.by_sea div.example_tile.conducting_outreach_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #004290;
      opacity: .65; }
    div.examples_page section.examples.by_sea div.example_tile.conducting_outreach_section div.column_content div.bg_number p {
      opacity: .4; }
    div.examples_page section.examples.by_sea div.example_tile.training_stewards_section div.column_bg:before {
      background: #003A80;
      opacity: .7; }
    div.examples_page section.examples.by_sea div.example_tile.training_stewards_section div.column_content div.bg_number p {
      opacity: .5; }
    div.examples_page section.examples.by_sea div.example_tile.researching_past_section div.column_bg img.cover:last-child {
      -o-object-position: -244px;
      object-position: -244px; }
    div.examples_page section.examples.by_sea div.example_tile.researching_past_section div.column_bg:before {
      background: #003A80;
      opacity: .65; }
    div.examples_page section.examples.by_sea div.example_tile.researching_past_section div.column_content div.bg_number p {
      opacity: .6; }
    div.examples_page section.examples.by_space div.title_section {
      background: #43285F; }
      div.examples_page section.examples.by_space div.title_section div.content div.title h2.title_text:after {
        width: 44px;
        background: url("https://cdn.txamfoundation.com/Spirit/Summer-2019/cover-feature/space_icon_white.svg"); }
    div.examples_page section.examples.by_space div.example_tile div.column_content div.bg_number p {
      color: #43285F; }
    div.examples_page section.examples.by_space div.example_tile.super_human_speeds_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #552884;
      opacity: .6; }
    div.examples_page section.examples.by_space div.example_tile.super_human_speeds_section div.column_content div.bg_number p {
      opacity: .3; }
    div.examples_page section.examples.by_space div.example_tile.feeding_astronauts_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #552884;
      opacity: .65; }
    div.examples_page section.examples.by_space div.example_tile.feeding_astronauts_section div.column_content div.bg_number p {
      opacity: .4; }
    div.examples_page section.examples.by_space div.example_tile.exploring_mars_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #552884;
      opacity: .7; }
    div.examples_page section.examples.by_space div.example_tile.exploring_mars_section div.column_content div.bg_number p {
      opacity: .5; }
    div.examples_page section.examples.by_space div.example_tile.depths_section div.column_bg:before {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      background: #552884;
      opacity: .75; }
    div.examples_page section.examples.by_space div.example_tile.depths_section div.column_content div.bg_number p {
      opacity: .6; }

div.by_pages {
  display: none;
  position: absolute;
  height: unset;
  overflow-y: unset;
  top: 0; }
  div.by_pages.active_by_page {
    display: block;
    position: fixed;
    height: 100%;
    overflow-y: scroll;
    width: 100%;
    z-index: 999999; }
    div.by_pages.active_by_page section.by_hero_section h3.hero_text {
      -webkit-transition: all 1.5s ease-out;
      -o-transition: all 1.5s ease-out;
      transition: all 1.5s ease-out;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    div.by_pages.active_by_page section.by_hero_section div.header_text {
      -webkit-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    div.by_pages.active_by_page section.by_content {
      -webkit-transition: all 1.3s ease;
      -o-transition: all 1.3s ease;
      transition: all 1.3s ease;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  div.by_pages section.by_hero_section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative; }
    div.by_pages section.by_hero_section div.hero_container {
      width: 100%;
      padding-bottom: 45%; }
      div.by_pages section.by_hero_section div.hero_container img.hero_img {
        z-index: -100;
        opacity: 0;
        -webkit-transition: all 5s ease .3s;
        -o-transition: all 5s ease .3s;
        transition: all 5s ease .3s; }
    div.by_pages section.by_hero_section div.back_button {
      position: absolute;
      -webkit-box-pack: unset;
      -ms-flex-pack: unset;
      justify-content: unset;
      width: 13%;
      left: 30px;
      top: 70px; }
    div.by_pages section.by_hero_section h3.hero_text {
      position: absolute;
      width: 30%;
      left: 10%;
      top: 30%;
      font-weight: 600;
      -webkit-transition: all 1.5s ease-out;
      -o-transition: all 1.5s ease-out;
      transition: all 1.5s ease-out;
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%); }
      div.by_pages section.by_hero_section h3.hero_text span {
        display: none; }
    div.by_pages section.by_hero_section div.header_text {
      position: absolute;
      left: 0;
      width: 90%;
      bottom: 0;
      padding: 2.5% 2.5% 2.5% 15%;
      -webkit-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      transition: all 1s ease-out;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%); }
      div.by_pages section.by_hero_section div.header_text h2.page_title {
        display: none; }
  div.by_pages section.by_content {
    -webkit-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    transition: all 1.3s ease;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }
    div.by_pages section.by_content div.content {
      display: none;
      width: 90%;
      margin-left: auto; }
      div.by_pages section.by_content div.content div.text {
        background: #fff;
        padding: 5% 10% 2.5% 10%; }
        div.by_pages section.by_content div.content div.text p {
          line-height: 2em;
          margin-bottom: 30px; }
      div.by_pages section.by_content div.content div.images {
        padding-bottom: 35%;
        background: #fff; }
        div.by_pages section.by_content div.content div.images div.-container {
          position: absolute;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          left: 0; }
          div.by_pages section.by_content div.content div.images div.-container div.img_container {
            position: relative;
            padding-bottom: 25%; }
            div.by_pages section.by_content div.content div.images div.-container div.img_container.img_1, div.by_pages section.by_content div.content div.images div.-container div.img_container.img_2 {
              margin-right: 30px; }
  div.by_pages.by_land_pages section.by_hero_section h3.hero_text span.green_highlight {
    display: unset; }
  div.by_pages.by_land_pages section.by_hero_section div.header_text {
    background: #15524B; }
  div.by_pages.by_land_pages section.by_content {
    background: #15524B; }
    div.by_pages.by_land_pages section.by_content div.content div.images div.-container div.img_container.img_1, div.by_pages.by_land_pages section.by_content div.content div.images div.-container div.img_container.img_2 {
      width: 100%; }
    div.by_pages.by_land_pages section.by_content div.content div.images div.-container div.img_container.img_3 {
      width: 50%; }
    div.by_pages.by_land_pages section.by_content div.content div.images div.back_to_top_button {
      background: #15524B; }
  div.by_pages.by_sea_pages section.by_hero_section h3.hero_text span.blue_highlight {
    display: unset; }
  div.by_pages.by_sea_pages section.by_hero_section div.header_text {
    background: #153152; }
  div.by_pages.by_sea_pages section.by_content {
    background: #153152; }
    div.by_pages.by_sea_pages section.by_content div.content div.images div.-container div.img_container.img_1, div.by_pages.by_sea_pages section.by_content div.content div.images div.-container div.img_container.img_3 {
      width: 100%; }
    div.by_pages.by_sea_pages section.by_content div.content div.images div.-container div.img_container.img_2 {
      width: 50%; }
    div.by_pages.by_sea_pages section.by_content div.content div.images div.back_to_top_button {
      background: #153152; }
  div.by_pages.by_space_pages section.by_hero_section h3.hero_text span.purple_highlight {
    display: unset; }
  div.by_pages.by_space_pages section.by_hero_section div.header_text {
    background: #43285F; }
  div.by_pages.by_space_pages section.by_content {
    background: #43285F; }
    div.by_pages.by_space_pages section.by_content div.content div.images div.-container div.img_container.img_2, div.by_pages.by_space_pages section.by_content div.content div.images div.-container div.img_container.img_3 {
      width: 100%; }
    div.by_pages.by_space_pages section.by_content div.content div.images div.-container div.img_container.img_1 {
      width: 50%; }
    div.by_pages.by_space_pages section.by_content div.content div.images div.back_to_top_button {
      background: #43285F; }

/* 1700 */
/*---------------------------------------------------------------*/
@media only screen and (max-width: 1700px) {
  h2 {
    font-size: 62px; }
  section.s4 div.institution_column div.column_content div.bottom_text h4.tagline {
    margin: 30px 16% 0; }
  div.examples_page section.examples div.example_tile div.column_content div.bottom_content {
    padding: 0 10px; }
  div.examples_page section.examples div.title_section {
    -webkit-box-flex: 1.4;
    -ms-flex: 1.4;
    flex: 1.4;
    padding: 70px 30px 70px 10px; }
    div.examples_page section.examples div.title_section div.content h3.subtitle {
      margin: 30px 0 0 0; }
    div.examples_page section.examples div.title_section div.content div.title h2.title_text span {
      padding: 0 25px 0 7px; }
  div.by_pages section.by_hero_section div.back_button {
    width: 20%; }
  div.by_pages section.by_hero_section h3.hero_text {
    width: 35%; } }

/*---------------------------------------------------------------*/
/* 1500 */
/* --------------------------------------------------------------- */
@media only screen and (max-width: 1500px) {
  h1 {
    font-size: 100px; }
  h2 {
    font-size: 45px; }
  p {
    font-size: 16px; }
  section.s1 {
    padding: 130px 5% 70px 10%; }
  section.s3 {
    padding: 70px 7.5% 70px 10%; }
  section.s4 div.institution_column div.column_content div.bottom_text h4.tagline {
    margin: 30px 10% 0; }
  div.examples_page section.examples div.title_section {
    padding: 70px 20px; }
    div.examples_page section.examples div.title_section div.content h2.non_mob {
      display: none; }
    div.examples_page section.examples div.title_section div.content div.mobile_text {
      display: unset; }
  div.by_pages section.by_hero_section h3.hero_text {
    width: 50%; } }

/* --------------------------------------------------------------- */
/* 1200 */
/* --------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
  h1 {
    font-size: 85px; }
  section.s4 div.institution_column div.column_content div.bottom_text h4.tagline {
    margin: 30px 5% 0; }
  div.examples_page {
    overflow: unset; }
    div.examples_page section.examples {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      display: none; }
      div.examples_page section.examples.active {
        display: unset;
        overflow-y: scroll; }
      div.examples_page section.examples div.title_section {
        -webkit-box-flex: 1.4;
        -ms-flex: 1.4;
        flex: 1.4;
        padding: 30px; }
        div.examples_page section.examples div.title_section div.content {
          position: relative;
          top: unset;
          -webkit-transform: unset;
          -ms-transform: unset;
          transform: unset; }
          div.examples_page section.examples div.title_section div.content div.title h2 {
            display: unset;
            font-size: 75px; }
          div.examples_page section.examples div.title_section div.content div.title div.mobile_text {
            display: none; }
          div.examples_page section.examples div.title_section div.content h3.subtitle {
            margin: 15px 0 0 0; }
      div.examples_page section.examples div.example_tile {
        max-height: unset;
        min-height: 25%; }
        div.examples_page section.examples div.example_tile.hover_class:hover {
          min-width: unset;
          overflow: hidden;
          -webkit-box-flex: 1.5;
          -ms-flex: 1.5;
          flex: 1.5;
          -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.4); }
          div.examples_page section.examples div.example_tile.hover_class:hover div.column_bg {
            -webkit-transform: unset;
            -ms-transform: unset;
            transform: unset; }
        div.examples_page section.examples div.example_tile div.column_bg {
          padding-bottom: 30%; }
          div.examples_page section.examples div.example_tile div.column_bg img.cover:last-child {
            -o-object-position: center !important;
            object-position: center !important; }
        div.examples_page section.examples div.example_tile.shrink {
          padding: 0; }
          div.examples_page section.examples div.example_tile.shrink div.button {
            display: none; }
          div.examples_page section.examples div.example_tile.shrink div.content {
            display: none; }
        div.examples_page section.examples div.example_tile.grow {
          position: absolute;
          top: 0px;
          width: 100%;
          z-index: 10;
          min-width: unset;
          min-height: 100%; }
        div.examples_page section.examples div.example_tile div.column_content div.bg_number {
          top: unset;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
        div.examples_page section.examples div.example_tile div.column_content div.bottom_content {
          min-height: 100px; }
  div.by_pages section.by_hero_section {
    min-height: 100vh;
    -o-object-fit: cover;
    object-fit: cover; }
    div.by_pages section.by_hero_section h3.hero_text {
      top: 60%; } }

/* --------------------------------------------------------------- */
/* 992 */
/* --------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
  h1 {
    font-size: 100px; }
  h3 {
    font-size: 30px; }
  p {
    font-size: 16px; }
  section.s1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 130px 2.5% 70px 5%; }
    section.s1 div.main_title {
      margin: 0 0 30px 0; }
      section.s1 div.main_title h1.title_text span.gray_highlight {
        padding: 30px 30px 15px 30px; }
        section.s1 div.main_title h1.title_text span.gray_highlight br {
          display: none; }
    section.s1 div.tagline {
      width: 100%; }
  section.s2 {
    padding-left: 5%; }
    section.s2 div.content_container {
      padding: 30px 15% 30px 7.5%; }
  section.s3 {
    padding: 30px 5%; }
  section.s4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: unset; }
    section.s4 div.institution_column {
      min-height: 400px; }
      section.s4 div.institution_column div.column_bg {
        padding-bottom: 60%; }
        section.s4 div.institution_column div.column_bg.sea {
          background-position: 0 38%; }
        section.s4 div.institution_column div.column_bg.space {
          background-position: 0 157%; }
      section.s4 div.institution_column:hover div.column_content {
        top: 30%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
        section.s4 div.institution_column:hover div.column_content div.bottom_text h4.tagline {
          margin: 30px 30% 0; }
  div.by_pages section.by_hero_section div.back_button {
    width: 30%; }
  div.by_pages section.by_hero_section h3.hero_text {
    width: 80%; }
  div.by_pages section.by_hero_section div.header_text {
    padding: 2.5% 2.5% 2.5% 7.5%;
    width: 90%; }
  div.by_pages section.by_content div.content {
    width: 92.5%;
    margin-left: 7.5%; }
    div.by_pages section.by_content div.content div.text {
      padding: 5% 7.5% 2.5%; } }

/* --------------------------------------------------------------- */
/* 800 */
/* --------------------------------------------------------------- */
@media only screen and (max-width: 800px) {
  h1 {
    font-size: 50px; }
  h2 {
    font-size: 32px; }
  h3 {
    font-size: 24px; }
  h4 {
    font-size: 18px; }
  section.s1 {
    padding: 130px 2.5% 70px 5%; }
    section.s1 div.main_title h1.title_text span.gray_highlight {
      padding: 5% 5% 2% 2.5%; }
  section.s4 div.institution_column:hover div.column_content div.bottom_text h4.tagline {
    margin: 30px 20% 0; }
  div.by_pages section.by_hero_section div.header_text {
    padding: 5%;
    width: unset; }
  div.by_pages section.by_content div.content {
    width: 95%;
    margin-left: 5%; } }

/* --------------------------------------------------------------- */
/* 768 */
/* --------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  section.s4 div.institution_column div.column_bg {
    padding-bottom: 71%; }
  section.s4 div.institution_column:hover div.column_content div.bottom_text h4.tagline {
    margin: 30px 10% 0; } }

/* --------------------------------------------------------------- */
/* 600 */
/* --------------------------------------------------------------- */
@media only screen and (max-width: 655px) {
  section.s1 {
    padding: 70px 2.5% 70px 5%; }
    section.s1 div.main_title h1.non_mob {
      display: none; }
    section.s1 div.main_title div.mobile_text {
      display: unset; }
      section.s1 div.main_title div.mobile_text h1.title_text {
        line-height: 1.8em; }
  section.s2 div.content_container {
    padding: 30px; }
  section.s2 div.scroll_bar {
    left: 30px;
    right: unset;
    top: 0;
    width: 100%;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset; }
    section.s2 div.scroll_bar div.bar_line {
      width: 50%;
      position: relative;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      section.s2 div.scroll_bar div.bar_line div.dot, section.s2 div.scroll_bar div.bar_line div.line {
        display: none; }
      section.s2 div.scroll_bar div.bar_line div.icons {
        background: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
        section.s2 div.scroll_bar div.bar_line div.icons div.section_icon {
          margin: 0 30px 0 0; }
          section.s2 div.scroll_bar div.bar_line div.icons div.section_icon.land_icon {
            padding-bottom: 18%; }
          section.s2 div.scroll_bar div.bar_line div.icons div.section_icon.sea_icon {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            padding-bottom: 25%; }
          section.s2 div.scroll_bar div.bar_line div.icons div.section_icon.space_icon {
            width: 81px;
            padding-bottom: 14%; }
            section.s2 div.scroll_bar div.bar_line div.icons div.section_icon.space_icon img {
              -webkit-transform: rotate(0);
              -ms-transform: rotate(0);
              transform: rotate(0);
              -o-object-fit: cover;
              object-fit: cover; }
  section.s4 div.institution_column div.column_bg {
    padding-bottom: 90%; }
  section.s4 div.institution_column:hover div.column_content div.bottom_text h4.tagline {
    margin: 30px 10% 0; }
  div.by_pages section.by_hero_section div.back_button {
    width: 50%; }
  div.by_pages section.by_hero_section div.header_text {
    padding: 5%; }
  div.by_pages section.by_content div.content div.images {
    padding-bottom: 10%; }
    div.by_pages section.by_content div.content div.images div.-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 30px;
      position: relative;
      left: -10%;
      width: 110%; }
      div.by_pages section.by_content div.content div.images div.-container div.img_container {
        width: 100% !important;
        margin-bottom: 30px; }
    div.by_pages section.by_content div.content div.images div.back_to_top_button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0; }
  div.by_pages section.by_content #land_1 div.img_1, div.by_pages section.by_content #land_1 div.img_2, div.by_pages section.by_content #land_2 div.img_1, div.by_pages section.by_content #land_2 div.img_2, div.by_pages section.by_content #land_3 div.img_1, div.by_pages section.by_content #land_3 div.img_2, div.by_pages section.by_content #land_4 div.img_1, div.by_pages section.by_content #land_4 div.img_2 {
    padding-bottom: 67%; }
  div.by_pages section.by_content #land_1 div.img_3, div.by_pages section.by_content #land_2 div.img_3, div.by_pages section.by_content #land_3 div.img_3, div.by_pages section.by_content #land_4 div.img_3 {
    padding-bottom: 133%; }
  div.by_pages section.by_content #sea_1 div.img_1, div.by_pages section.by_content #sea_1 div.img_3, div.by_pages section.by_content #sea_2 div.img_1, div.by_pages section.by_content #sea_2 div.img_3, div.by_pages section.by_content #sea_3 div.img_1, div.by_pages section.by_content #sea_3 div.img_3, div.by_pages section.by_content #sea_4 div.img_1, div.by_pages section.by_content #sea_4 div.img_3 {
    padding-bottom: 67%; }
  div.by_pages section.by_content #sea_1 div.img_2, div.by_pages section.by_content #sea_2 div.img_2, div.by_pages section.by_content #sea_3 div.img_2, div.by_pages section.by_content #sea_4 div.img_2 {
    padding-bottom: 133%; }
  div.by_pages section.by_content #space_1 div.img_2, div.by_pages section.by_content #space_1 div.img_3, div.by_pages section.by_content #space_2 div.img_2, div.by_pages section.by_content #space_2 div.img_3, div.by_pages section.by_content #space_3 div.img_2, div.by_pages section.by_content #space_3 div.img_3, div.by_pages section.by_content #space_4 div.img_2, div.by_pages section.by_content #space_4 div.img_3 {
    padding-bottom: 67%; }
  div.by_pages section.by_content #space_1 div.img_1, div.by_pages section.by_content #space_2 div.img_1, div.by_pages section.by_content #space_3 div.img_1, div.by_pages section.by_content #space_4 div.img_1 {
    padding-bottom: 133%; } }

/* --------------------------------------------------------------- */
/* 500 */
/* --------------------------------------------------------------- */
@media only screen and (max-width: 500px) {
  section.sea_3_bg h3.hero_text {
    top: 40% !important; }
  div.examples_page section.examples div.example_tile {
    min-height: 155px; } }

/* --------------------------------------------------------------- */
/* 400 */
/* --------------------------------------------------------------- */
@media only screen and (max-width: 400px) {
  div.examples_page section.examples div.example_tile {
    min-height: 30%; }
  div.examples_page section.examples div.example_tile div.column_content div.bottom_content {
    min-height: 130px; }
  div.back_button, div.back_to_main_button {
    max-width: unset; }
  div.back_button {
    width: 80%; }
  section.s4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    section.s4 div.institution_column {
      min-height: 220px; }
      section.s4 div.institution_column:hover div.column_content {
        top: 5%; }
        section.s4 div.institution_column:hover div.column_content div.bottom_text h4.tagline {
          margin: 15px 10% 0; }
  div.examples_page section.examples div.example_tile div.content div.title h2.title_text {
    font-size: 42px; }
    div.examples_page section.examples div.example_tile div.content div.title h2.title_text span.green_highlight, div.examples_page section.examples div.example_tile div.content div.title h2.title_text span.blue_highlight {
      padding: 0 30px 0 7px; }
  div.examples_page section.examples div.example_tile div.content div.title:after {
    right: -29px; }
  div.examples_page section.examples div.example_tile div.column_content div.bg_number {
    right: unset;
    left: 50%;
    top: 25%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  div.by_pages section.by_hero_section {
    min-height: 100vh; }
    div.by_pages section.by_hero_section div.back_button {
      top: 30px; }
    div.by_pages section.by_hero_section.land_1_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.land_1_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.land_2_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.land_2_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.land_3_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.land_3_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.land_4_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.land_4_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.sea_1_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.sea_1_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.sea_2_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.sea_2_bg h3.hero_text {
        top: 35%; }
    div.by_pages section.by_hero_section.sea_3_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.sea_3_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.sea_4_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.sea_4_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.space_1_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.space_1_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.space_2_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.space_2_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.space_3_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.space_3_bg h3.hero_text {
        top: 45%; }
    div.by_pages section.by_hero_section.space_4_bg {
      padding-bottom: 0; }
      div.by_pages section.by_hero_section.space_4_bg h3.hero_text {
        top: 45%; } }

/* --------------------------------------------------------------- */