.home-slider-wrapper{
	width:100%;
}
.home-slider-content{
	display:grid;
}
.home-slide{
	grid-area:1 / 1;
	display:flex;
	flex-direction:column;
	align-items:center;
	opacity:0;
	pointer-events:none;
	z-index:0;
}
.home-slide.active{
	opacity:1;
	pointer-events:auto;
	z-index:1;
}
.home-slide-text{
	font-size:1.2rem;
    margin-left: auto;
    margin-right: auto;
	z-index: 1;
    position: relative;
	height: 100%;
    display: flex;
    align-items: center;
}
.home-slide-image{
	width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
	max-height: 50vh;
    margin-bottom: -10vh;
}
.home-slide-image img{
	display:block;
	max-width:100%;
	height:auto;
	object-fit: contain;
    height: 100%;
}
.home-slider-nav{
    position: relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-top:10vh;
	width:100%;
	z-index: 1;
}
.container-labels-slider{
	display:flex;
	justify-content:space-between;
	width:100%
}
.slider-label-left,
.slider-label-right{
	white-space:nowrap;
	font-size:1rem
}
.slider-container{
	width:90%;
}

.home-slider-range{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	height:3px;
	cursor:pointer;
	background:#ddd;
	border:none;
	outline:none;
}
.home-slider-range::-webkit-slider-thumb{
	-webkit-appearance:none;
	width:20px;
	height:20px;
	background:var(--color-content-bg);
	border:2px solid var(--h2-color,inherit);
	cursor:pointer;
	border-radius:50%;
	transition: background-color .3s ease-out
}
.home-slider-range::-webkit-slider-thumb:hover{
	background:var(--h2-color,inherit)
}
.home-slider-range::-moz-range-track{
	height:3px;
	background:transparent;
}

.home-slider-range::-moz-range-thumb{
	width:20px;
	height:20px;
	background:var(--color-content-bg);
	border:2px solid var(--h2-color,inherit);
	border-radius:0;
	cursor:pointer;
	border-radius:50%;
	transition: background-color .3s ease-out
}
.home-slider-range::-webkit-slider-thumb:hover, .home-slider-range::-moz-range-thumb:hover{
	background:var(--h2-color,inherit)
}
.home-slider-content{
	position:relative;
}
@media (min-width:768px){
	.home-slider-wrapper{
		width: 90%;
		margin: auto;
		display: block;
	}
	.home-slide-text{
		font-size:1.5em;
		width: 90%;
	}
	.slider-label-left,
	.slider-label-right{
		font-size:1.35rem
	}
}

@media (min-width:1024px){
	.home-slide-text{
		font-size:1.8em;
	}
}