.slider-container {
	position: relative;
	width: 80vw;
    max-width: 50rem;
	height: 3rem;
	z-index: -1;
	overflow: hidden;
}

.slider-text {
	width: 100%;
	position: absolute;
	color: var(--accent-2);
	top: 30%;
	left: 150%;
	opacity: 0;
	transition: all .5s ease-in-out, opacity 0.2s ease-in-out;
	-webkit-transition: all .5s ease-in-out, opacity 0.2s ease-in-out;
	-moz-transition: all .5s ease-in-out, opacity 0.2s ease-in-out;
	-ms-transition: all .5s ease-in-out, opacity 0.2s ease-in-out;
	-o-transition: all .5s ease-in-out, opacity 0.2s ease-in-out;
}

@media screen and (min-width: 1080px) {
	.slider-container {
		height: 3.5rem;
	}

	.slider-text {
		top: 15%;
		width: 100%;
	}
}

.out {
	left: -150%;
	opacity: 0;
}

.in {
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}