#content-holder #hero-carousel {
	width:100%;
	min-height:400px;
	text-align:center;
	font-family:inherit;
}

#content-holder #hero-carousel .flickity-viewport {
	height:400px;
}

#content-holder #hero-carousel h2 {
	font-weight:300;
	color:#fff;
	font-size: 1.3rem;
	line-height:1.5rem;
	max-width:95%;
	margin:0 auto;
	margin-bottom:1rem;
}

#content-holder #hero-carousel .carousel-cell {
	width: 100%;
	min-height:100%;
	height:400px;
	display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#content-holder #hero-carousel .carousel-cell.split .carousel-cell-inner {
	display: flex;
    flex-direction: column;
	justify-content: space-between;
	height:90%;
}

#content-holder #hero-carousel .is-content {
	background-color: #44c0c4;
    border-radius: 0.1111111111111111rem;
}

#content-holder #hero-carousel .is-content a {
    color: #ffffff;
    padding-right: 1.3333333333333333rem;
    padding-left: 1.3333333333333333rem;
    padding-top: 0.8888888888888888rem;
    padding-bottom: 0.8888888888888888rem;
    border-radius: 0.1111111111111111rem;
}

#content-holder #hero-carousel .flickity-prev-next-button .arrow {
	fill:#ffffff !important;
}

#content-holder #hero-carousel .carousel-cell.slide1 {
	background: url('/wp-content/themes/semplice5/assets/images/frontend/carousel/slide1.png') no-repeat center;
	background-size: auto 100%;
}

#content-holder #hero-carousel .carousel-cell.slide2 {
	background: url('/wp-content/themes/semplice5/assets/images/frontend/carousel/slide2.png') no-repeat center;
	background-size: 100% auto;
	background-position: center 40%;
}


#content-holder #hero-carousel .flickity-page-dots {
	margin-top:20px;
}

@media screen and (min-width:600px) {

	#content-holder #hero-carousel .carousel-cell,
	#content-holder #hero-carousel .flickity-viewport {
		height:500px;
	}

	

	#content-holder #hero-carousel h2 {
		max-width:90%;
		margin:0 auto;
		margin-bottom:1rem;
	}
}

@media screen and (min-width:768px) {

	#content-holder #hero-carousel .carousel-cell,
	#content-holder #hero-carousel .flickity-viewport  {
		height:600px;
		
	}

	#content-holder #hero-carousel h2 {
		font-size:1.8rem;
		line-height:2.2rem;
		max-width: 700px;
		margin-bottom:3rem;
	}
}

@media screen and (min-width:1024px) {

	#content-holder #hero-carousel .carousel-cell,
	#content-holder #hero-carousel .flickity-viewport  {
		height:700px;
	}

	#content-holder #hero-carousel .carousel-cell.split .carousel-cell-inner {
		height:75%;
	}
}

@media screen and (min-width:1280px) {
	#content-holder #hero-carousel .carousel-cell.slide1 {
		background-size: cover;	
	}

	#content-holder #hero-carousel .is-content a {
		font-size:1.2rem;
	}

}

@media screen and (min-width:1440px) {

	#content-holder #hero-carousel h2 {
		line-height: 2.6rem;
		font-size: 2.2rem;
		max-width: 700px;
	}

	#content-holder #hero-carousel .carousel-cell.slide1 h2 {
		line-height:3rem;
		font-size:2.6rem;
	}
	
	#content-holder #hero-carousel .carousel-cell,
	#content-holder #hero-carousel .flickity-viewport  {
		height:800px;
	}
}

@media screen and (min-width:1600px) {
	#content-holder #hero-carousel .carousel-cell,
	#content-holder #hero-carousel .flickity-viewport  {
		height:900px;
	}

	#content-holder #hero-carousel .carousel-cell.split .carousel-cell-inner {
		height:85%;
	}



}