.slider-container {
	position: relative;
	width: 80vw;
	max-width: 50rem;
	height: 3rem;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 1rem;
}

.slider-text {
	width: 100%;
	position: absolute;
	color: var(--accent-2);
	left: 150%;
	opacity: 0;
	margin-top: 1rem;
	font-size: 1.6rem;
	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;
	}
}

@media screen and (min-width: 720px)  {
	.slider-text {
		top: 10%;
		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;
}