.climb__wall {
  display: block;
  width: 100%; }

.climb__tile {
  float: left;
  position: relative;
  overflow: hidden;
  height: 400px; }
  @media (min-width: 18em) {
    .climb__tile {
      width: 100%; } }
  @media (min-width: 40em) {
    .climb__tile {
      width: 50%; } }
  @media (min-width: 65em) {
    .climb__tile {
      width: 33%; } }
  @media (min-width: 90em) {
    .climb__tile {
      width: 25%; } }

.climb__tile__content {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  padding: 20px; }

.climb__tile__image {
  width: auto;
  height: 100%;
  margin-left: -50%;
  left: 50%;
  position: absolute;
  top: 0; }

.climb__tile__message {
  z-index: 1; }

.climb__tile__author {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 60px;
  padding: 5px; }
  .climb__tile__author img {
    border-radius: 25px;
    width: 50px; }
  .climb__tile__author .climb__tile__author__username {
    display: inline-block;
    margin-top: 17px;
    vertical-align: top;
    margin-left: 5px; }
  .climb__tile__author .climb__tile__author__followers {
    display: none; }

.climb__tile__interaction {
  position: absolute;
  right: 0px; }

.db-logo {
  position: absolute;
  top: 40px;
  left: 55px;
  width: 134px;
  z-index: 100; }

.db-hashtag {
  font-family: "aktiv-grotesk";
  position: absolute;
  bottom: 40px;
  right: 55px;
  color: white;
  font-size: 30px;
  font-weight: 300;
  z-index: 100; }
  .db-hashtag span {
    font-weight: 900; }

.climb-db {
  background-color: #272727;
  color: #FFD700;
  font-weight: bold;
  line-height: 1.3;
  font-family: "aktiv-grotesk"; }
  .climb-db a {
    color: #FFD700; }
  .climb-db .climb__author {
    color: white;
    font-size: 50%;
    margin-bottom: 10px; }
  .climb-db .climb-slideshow__slide--has-no-image .climb-slideshow__panel, .climb-db .climb-slideshow__panel {
    background-color: transparent;
    box-shadow: 0px 0px 0px 0px transparent; }
    .climb-db .climb-slideshow__slide--has-no-image .climb-slideshow__panel .climb__message, .climb-db .climb-slideshow__panel .climb__message {
      font-size: 22.5px;
      text-overflow: initial; }
      .climb-db .climb-slideshow__slide--has-no-image .climb-slideshow__panel .climb__message a, .climb-db .climb-slideshow__panel .climb__message a {
        max-width: 1000px;
        overflow: visible;
        text-overflow: initial; }

/*# sourceMappingURL=climb-db.css.map */