.carousel-shift {
  margin-top: -1px;
}

@media (min-width: 992px) {
  .carousel-shift {
    margin-top: -58px;
  }
}

#carousel-1 .carousel-control-next, .carousel-control-prev {
  width: 10%;
}

#carousel-1 .carousel-caption {
  bottom: calc(-30px + 22vw);
  z-index: 10;
  width: 110%;
  left: -5%;
}

.c-text {
  opacity: 0;
}

#carousel-1 .carousel-caption p {
  font-family: 'Montserrat';
  font-weight: 800;
  text-align: center;
  color: #ffffff;
  font-size: calc(4px + 6vw);
  text-shadow: 2px 2px 10px #000, -2px -2px 10px #000;
  margin-bottom: 0;
}

#carousel-1 .carousel-item.active .carousel-caption .c-text {
  animation: animate-carousel-title 2.0s ease-in-out forwards;
}

@keyframes animate-carousel-title {
  0% {
    transform: scale(0,0);
    opacity: 0;
  }
  100% {
    transform: scale(1,1);
    opacity: 1;
  }
}