body {
  background-color: black;
}
.grid-duo {
  min-height: 100vh;
  min-height: 100dvh;
  /* min-height: calc(100vh - 78px);
  min-height: calc(100dvh - 78px); */
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.duo-box {
  display: grid;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.duo-overlay {
  /* background-color: rgba(0, 0, 0, 0.6); */
  position: absolute;
  width: 100%;
  height: 100%;
  transition-duration: 0.5s;
}

#artists .duo-overlay {
  background-color: rgba(255, 255, 255, 1);
}
#events .duo-overlay {
  background-color: rgba(0, 0, 0, 1);
}

#artists .duo-content {
  color: black;
}
#events .duo-content {
  color: white;
}

.duo-content {
  z-index: 1;
}

.duo-content-center {
  display: grid;
  justify-items: center;
}

.duo-box:hover#artists .duo-overlay {
  background-color: rgba(255, 255, 255, 0.7);
  transition-duration: 0.5s;
}
.duo-box:hover#events .duo-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  transition-duration: 0.7s;
}
.duo-box:hover h2 {
  transform: scale(1.05);
  margin-top: 5px;
  margin-bottom: 5px;
}
.duo-box:hover {
  text-decoration: none;
}

.logo-text {
  height: 32px;
  margin-bottom: 8px;
}

/*  -----  MEDIA QUARIES  -----  */
@media (max-width: 900px) {
  .grid-duo {
    grid-template-columns: 1fr;
  }
}