.home-now, .spectacles-row {
  margin-bottom: 60px;
}

.home-featured {
  display: block;
  max-height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 25px;
  filter: drop-shadow(25px 25px 4px var(--theme-2-light));
  height: 100vh;
}

.home-featured--details {
  position: relative;
  top: -19px;
  left: -19px;
  padding: 20px;
}

@media only screen and (min-width: 811px) {
  .home-featured--details {
    width: 40%;
  }
}

@media only screen and (max-width: 810px) {
  .home-featured--details {
    width: 70%;
  }
}

@media only screen and (max-width: 600px) {
  .home-featured--details {
    width: 100%;
  }
}

.home-featured--dates > span {
  border-top-left-radius: 20px;
}


.home-featured--details::before,
.home-featured--details::after {
  position: absolute;
  width: 33%;
  height: 66%;
  content: "";
}

.home-featured--details::before {
  left: 0;
  top: 0;
  border-left: 5px solid var(--theme-1);
  border-top: 5px solid var(--theme-1);
}

.home-featured--details::after {
  right: 0;
  bottom: 0;
  border-right: 5px solid var(--theme-1);
  border-bottom: 5px solid var(--theme-1);
}

.home-featured--dates {
  margin-bottom: 3px;
}

.spectacles-list--title {
  margin-bottom: 4px;
}

.home-featured--dates > .highlight {
  font-family: 'impact';
  font-size: 30px;
}

.home-featured--title {
  font-family: 'impact';
  font-size: 42px;
}