.paragraph-carousel-slider { position: relative; }
.carousel-content { position: absolute; bottom: 10%; left: 5%;  }
.carousel-content .h2 { color: #ffffff; text-align: center; line-height: 1;}
.carousel-content .button { background: #fff; text-align: center; display: table; padding: 0.5rem 3rem; border-radius: 27px; letter-spacing: 2px; font-size: 1.2rem;}
.slick-active .carousel-content { animation: fadeIn-slide-up 5s; opacity: 1; z-index: 2}


.media img.media__image { width: 100% }
.hp-carousel button.slick-arrow:before { font-family: 'fontello'; color: #fff; font-size: 3rem; }
.hp-carousel button.slick-next:before { content: '\e800'; }
.hp-carousel button.slick-prev.slick-arrow:before { content: '\e801'; }



.carousel-slide-body p {  padding: 1rem; line-height: 1; color: #fff; margin-bottom: 2rem; }
.carousel-media-item:before { z-index: 1; animation: fadeIn 5s; opacity: 1; position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }




/* Small only */
@media screen and (max-width:39.9375em) {
}

@media screen and (min-width:40em) {
}

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

}