.tile {
  border-radius: 8px;
  background-color: #384049;
  color: #d3dad7;
  box-shadow: 2px 2px 10px -4px black;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0) 100%);
  text-shadow: 0.5px 0.5px 0.5px black; }

.tileTitle {
  text-transform: uppercase;
  font-size: 18px;
  font-family: GothamRounded-Medium !important;
  font-weight: lighter;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  @media (max-width: 768px) {
    .tileTitle {
      font-size: 16px; } }