/* HERO */
    .hero {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: start;
      width: 100vw;
      height: calc(100vh - 56px);
    }
    .breakcrumb {
      padding-left: 25px;
      display: flex;
      flex-direction: column;
    }
    .category {
      background: rgba(214, 31, 41, 0.6);
      color: white;
      text-transform: uppercase;
      font-size: 1.2em;
      font-weight: 700;
/*      background: rgba(255, 255, 255, 0.8);*/
      width: fit-content;
      border-radius: 5px;
      padding: 0px 5px;
    }
    .title {
      display: flex;
      color: white;
      font-size: 5em;
      font-weight: 700;
      line-height: 5rem;
    }
  /* HERO END */

  /* OVERVIEW */
    .overview {
      display: flex;
      flex-direction: column;
    }
    .overview .overview_title {
      color: #D61F29;
      padding:25px;
      font-size: 1.5em;
      font-weight: 600;
    }
    .overview .overview_body {
      padding: 25px;
      font-size: 1.3em;
      line-height: 2.5rem;
      font-weight: 300;
    }
  /* OVERVIEW END */

  /* ECOSYSTEM */
    .ecosystem {
      display: flex;
      flex-direction: column;
    }
    .ecosystem .ecosystem_title {
      color: #D61F29;
      padding:25px;
      font-size: 1.5em;
      font-weight: 600;
    }
    .ecosystem .ecosystem_title .watermark {
      display: none;
    }

    .ecosystem .ecosystem_body {
      display: flex;
      flex-direction: column;
    }
    .ecosystem .ecosystem_body .ecosystem_item {
      display: flex;
      flex-direction: column;
    }
    .ecosystem_item {
      border-bottom: 1px solid #707070;
    }
    .ecosystem_item:last-child {
      border-bottom: none;
    }
    .ecosystem_item a:hover {
      color: #D61F29;
    }
    .ecosystem_item a {
      width: fit-content;
      font-size: 2em;
      color: black;
      text-decoration: none;
      background: url(../icons/jump_arrow.svg);
      background-repeat: no-repeat;
      background-position: 95% 75%;
      background-size: 25px;
      padding: 25px 50px 0 25px;
    }
    .ecosystem_item span {
      font-size: 1.3em;
      line-height: 2.5rem;
      font-weight: 300;
      padding: 0 25px 25px;
    }
  /* ECOSYSTEM END */

@media only screen and (min-width: 787px) {
  /* HERO */
    .hero {
      width: 100%;
    }
    .breakcrumb {
      padding-left: 100px;
    }
  /* HERO END */

  /* OVERVIEW */
    .overview {
      flex-direction: row;
      padding: 25px;
      gap: 10%;
    }
    .overview .overview_title {
      width: 300px;
      padding: 0;
    }
    .overview .overview_body {
      width: 65%;
      padding: 0;
    }
  /* OVERVIEW END */

  /* ECOSYSTEM */
    .ecosystem {
      flex-direction: row;
      padding: 25px;
      gap: 10%;
    }
    .ecosystem .ecosystem_title {
      width: 300px;
      padding: 0;
      margin: 0 0 100px 0;
    }
    .ecosystem .ecosystem_title .sticky_title {
      display: flex;
      flex-direction: column;
      position: sticky;
      top: 100px;
    }
    .ecosystem_item a {
      padding: 25px 50px 0 0;
    }
    .ecosystem .ecosystem_body {
      width: 65%;
      padding: 0;
    }
    .ecosystem_item span {
      padding: 0 25px 25px 0;
    }
    .ecosystem .ecosystem_title .ecosystem_leftRail {
      width: 300px;
      height: 400px;
      border-radius: 25px;
      border: 6px solid #efefef;
      margin: 50px 0;
    }
    .ecosystem .ecosystem_title .watermark {
      display: flex;
      width: 300px;
    }
  /* ECOSYSTEM END */

}