.activity-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 1fr; }

@media (max-width: 900px) {
  .activity-grid {
    grid-template-columns: repeat(2, 1fr); } }

.route {
  max-height: 100%;
  margin: auto;
  max-width: 100%;
  position: relative;
  font-size: .58rem; }

.route:hover {
  transition: transform 400ms;
  transition-delay: 150ms;
  transform: scale(1.1); }

.route:hover .route-name, .route:hover .route-info, .route:hover .route-download {
  transition: opacity 400ms;
  transition-delay: 150ms;
  opacity: 1; }

.route-name {
  opacity: 0;
  position: absolute;
  top: 10px;
  z-index: 100; }

.route-info {
  opacity: 0;
  position: absolute;
  bottom: 10px; }

.route-download {
  opacity: 0;
  color: #ccc;
  text-decoration-line: none; }

a:visited.route-download {
  color: #ccc !important; }

.attribution {
  font-size: 10px; }

.material-icons {
  font-size: 12px !important;
  vertical-align: sub; }

/*# sourceMappingURL=routes.css.map */