.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; }

.climb-brooke {
  background-color: orange;
  font-family: brandon-grotesque,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; }
  .climb-brooke .climb__tile {
    padding-bottom: 0;
    background-color: white;
    border-radius: 5px;
    min-height: 200px; }
  .climb-brooke .climb__tile__media {
    position: relative; }
  .climb-brooke .climb__tile__content {
    line-height: 1.5;
    height: auto;
    position: relative;
    color: grey; }
    .climb-brooke .climb__tile__content a {
      color: orange; }

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