.page .internal_links_list_page {
  $internal-links-list-main-color: $main-color-dark !default;
  $internal-links-list-item-background-color: rgba(48, 48, 48, 0.8) !default;

  .contentText {
    margin-bottom: 250px;

    @include mobile {
      margin-bottom: 0;
    }
  }

  nav {
    position: absolute;
    bottom: 6.666%;
    left: 50%;
    padding: 0 4% 0 4%;
    width: 100%;
    @include transform(translate(-50%,0));
    text-align: center;
    box-sizing: border-box;

    @include mobile {
      position: relative;
      left: 0;
      top: 0;
      bottom: auto;
      padding: 0;
      @include transform(none);
    }

    ul {
      padding: 0;
    }

    .page_link {
      max-height: 200px;
      width: 300px;
      height: 200px;
      font-size: 20px;
      color: #D3D3D3;
      letter-spacing: 0.22px;
      line-height: 30px;
      text-align: center;
      position: relative;
      background-color: $internal-links-list-item-background-color;
      image-rendering: optimizeSpeed;
      image-rendering: -moz-crisp-edges;
      image-rendering: -o-crisp-edges;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: optimize-contrast;
      image-rendering: crisp-edges;
      image-rendering: pixelated;
      -ms-interpolation-mode: nearest-neighbor;

      .details {
        p:last-of-type {
          margin: 0;
        }
      }

      &.no_custom_thumbnail {
        .details {
          position: absolute;
          top: 50%;
          margin: 0;
          padding: 10%;
          width: 100%;
          box-sizing: border-box;
          @include transform(translate(0,-50%));

          p:last-of-type {
            margin: 0;
          }
        }

        .page_thumbnail {
          display: none;
        }
      }

      &.custom_thumbnail {
        .details {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding: 7px 10px;
          margin: 0;
          font-size: 15px;

          @media (max-width: 500px) {
            font-size: 12px;
          }
        }

        &.no_own_description {
          .details {
            display: none;
          }
        }

        .page_thumbnail {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 35px;
          padding: 0;
        }

        .page_thumbnail,
        .page_thumbnail div {
          background-position: 50% 50%;
        }
      }
    }
    li:hover {
      .page_link {
        background-color: $internal-links-list-main-color;
        @include transform(scale(1.02));
      }
    }

    @media (max-width: 1380px) {
      li {
        width: 23.5%;
        margin: 0 0.25%;

        .page_link {
          width: 100%;
        }
      }
    }
    @media (max-width: 1150px) {
      li {
        .page_link {
          font-size: 16px;
        }
      }
    }
    @media (max-width: 800px) {
      li {
        width: 46%;
        margin-right: 10px;
        margin-bottom: 10px;

        .page_link {
          height: 160px;
          font-size: 14px;
        }
      }
    }
    @media (max-width: 500px) {
      li {
        width: 46%;
        margin-right: 3px;
        margin-bottom: 3px;

        .page_link {
          height: 120px;
          font-size: 12px;
          margin-bottom: 0;

          .details p {
            line-height: 1.1em;
          }
        }
      }
    }
  }
}