.tpl-cover {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  /* background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)); */
}

.cover-inner {
  text-align: center;
}

.middle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.cover-title {
  top: 2rem;
  font-size: 4rem;
  margin-bottom: 0.6rem;
}

.cover-sub {
  top: 7rem;
  font-size: 4rem;
  opacity: 0.85;
}

.cover-date {
  bottom: 4.5rem;
  font-size: 1.5rem;
  opacity: 0.75;
}

.cover-location {
  bottom: 2rem;
  font-size: 1.5rem;
  opacity: 0.75;
}

@media (max-width: 768px) {
  .cover-title {
    font-size: 2rem;
  }
}