.tileContainer {
  height: -moz-calc(100% - 215px)  !important;
  height: -webkit-calc(100% - 215px) !important;
  height: -o-calc(100% - 215px) !important;
  height: calc(100% - 215px) !important;
  overflow: auto;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.tileContainerAdmin {
  height: -moz-calc(100% - 20px)  !important;
  height: -webkit-calc(100% - 20px) !important;
  height: -o-calc(100% - 20px) !important;
  height: calc(100% - 20px) !important;
}
.tileContainer .item,
.tileContainer .gap {
  display: inline-block;
}
.tileContainer .mix {
  display: none;
  -webkit-backface-visibility: hidden;
}
.tile {
  height: 266px;
  width: 180px;
  margin: 0 0 30px 35px;
  -o-transition: background .3s;
  -moz-transition: background .3s;
  -webkit-transition: background 0.3s;
  transition: background .3s;
}
.tile:hover {
  background: #01aca0;
}
.tile:hover .round {
  -webkit-box-shadow: 0 0 8px #01aca0;
  -moz-box-shadow: 0 0 8px #01aca0;
  box-shadow: 0 0 8px #01aca0;
}
.tile-author {
  width: 170px;
  height: 200px;
  margin: 0 0 35px 35px;
  background-color: transparent;
}
.tile-author:hover {
  background-color: transparent;
}
@media (max-width: 1100px) {
  .tileContainer {
    height: -moz-calc(100% - 255px)  !important;
    height: -webkit-calc(100% - 255px) !important;
    height: -o-calc(100% - 255px) !important;
    height: calc(100% - 255px) !important;
  }
}
@media (max-width: 592px) {
  .tileContainer {
    height: -moz-calc(100% - 165px)  !important;
    height: -webkit-calc(100% - 165px) !important;
    height: -o-calc(100% - 165px) !important;
    height: calc(100% - 165px) !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .tile {
    margin-left: auto;
    margin-right: auto;
    right: 0;
  }
  .tile-author {
    margin-left: auto;
    margin-right: auto;
    right: 0;
  }
}
.author-placeholder {
  font-size: 70px;
}
.viewContainer {
  height: 100%;
  width: 100%;
  position: relative;
}
.tile-image {
  width: 180px;
}
.tile-image > img {
  width: 180px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.author-image {
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.round {
  position: relative;
  background: #01aca0;
  border-radius: 50%;
  overflow: hidden;
  margin: 10px;
  width: 150px;
  height: 150px;
  -o-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.round img {
  display: block;
  /* Stretch 
                  height: 100%;
                  width: 100%; */
  width: 100%;
}
.tile-text-wrapper {
  width: 100%;
}
.tile-text {
  text-align: center;
  text-shadow: 0 0 3px black;
  color: whitesmoke;
}
/*# sourceMappingURL=tile.css.map */