.slider-container {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
	display: flex;
    max-height: 600px;
    align-items: center;
}

.slider-container.mobile{
    max-height: unset;
	height: 65vh;
}

.slider-container.mobile > .slider {
    height: 100%;
}

.slider-container.mobile > .slider > .slider-item > img{
    height: 100%;
    width: auto;
}

.slider-container.mobile > .slider > .slider-item > .slider-overlay{
    left: 10vw;
    top: 80%;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slider-item {
  min-width: 100%;
  flex: 0 0 100%;
  position: relative;
}

.slider img {
    width: 100%;
    height: auto;
}

.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0);
    color: white;
    padding: 10px;
    cursor: pointer;
    z-index: 1000;
	font-size: 40px;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

.slider-overlay {
	position: absolute;
    top: 40%;
    right: 20%;
    color: white;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
	font-size: 3em;
}

@media(max-width: 479px) {
	.slider-overlay {
		position: absolute;
	    top: 20%;
	    right: 15%;
	    color: white;
	    padding: 5px 10px;
	    font-size: 18px;
	    font-weight: bold;
	    white-space: nowrap;
		font-size: 2em;
	}
}