/*=========================
	BANNER CAROUSEL BLOCK
=========================*/

.block-banner-carousel .content {
  padding: var(--space-5) var(--space-5);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 500px;
}
.block-banner-carousel .title,
.block-banner-carousel .copy {
  max-width: 60%;
}

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 578px) {
  .block-banner-carousel .content {
    min-height: 350px;
  }
  .block-banner-carousel .title,
  .block-banner-carousel .copy {
    max-width: 100%;
  }
}