Mobile Parallax Slider Text Vertically Centered, but Not

I have taken the index.html file, trimmed it down and substituted .min-vh-100 for .min-vh-60 and .min-vh-md-100:

<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-100 include-header">
	<div class="slider-inner">

		<div class="swiper-container swiper-parent">
			<div class="swiper-wrapper">
				<div class="swiper-slide dark">
					<div class="container">
						<div class="slider-caption slider-caption-center">
							<h2 data-animate="fadeInUp">Welcome to Canvas</h2>
							<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Text Here.</p>
						</div>
					</div>
					<div class="swiper-slide-bg" style="background-image: url('images/slider/swiper/1.jpg');"></div>
				</div>
			</div>
		</div>

		<a href="#" data-scrollto="#content" data-offset="100" class="one-page-arrow dark"><i class="icon-angle-down infinite animated fadeInDown"></i></a>

	</div>
</section>

On mobile after page loads, if you scroll down to where slider is 100% of screen, I agree text is technically centered, however since the header is no longer parallax for mobile in v6, when page first loads the header pushes the vertical center text of slider down by header height.