p {
  font-size: 1.1rem;
}
#hero-case {
  height: 60vh;
}
#hero-case .grid-container, #hero-case .grid-x {
  height: 100%;
}
.parallax {
  background-attachment: fixed !important;
  perspective: 2px !important;
  display: flex;
}

#hero-case h1 {
  background: #fff;
  display: table;
  margin: auto;
  padding: .5rem 1rem;
  color: #000;
}
#hero-case h1 span {
  color: var(--red);
}
#case-info {
  padding: 3rem 0;
}
#case-info h2 {
  color: var(--red);
}
.close-btn {
  position: fixed;
  top: 15px;
  right: 20px;
  max-width: 40px;
  z-index: 1000;
}

.arrow {
  text-align: center;
  margin-top: 5%;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}