/* primeiro carrossel */
.carousel-caption-primary {
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: left;
}

.carousel-btn {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: black;
  color: #fff;
  padding: 4px 50px;
  margin-top: 10px;
}

@media (max-width: 550px) {
  .carousel-caption-primary {
    top: 30%;
    left: 40%;
    transform: translate(-50%, -50%);
  }

  .carousel-caption-primary h1 {
    font-size: 1.2rem;
  }

  .carousel-caption-primary p {
    font-size: 0.8rem;
  }

  .carousel-caption-primary .carousel-btn {
    padding: 4px 20px;
    font-size: 0.8rem;
  }
}