.jarallax {
	position: relative;
	z-index: 0;
	overflow: hidden;
	height: max(40vw, 250px);
	/* height: max(40vw, 275px); */
}	
.jarallax-img {
	height: 140% !important;
	height: 120% !important;
}
.jarallax .ovlay {
	width: 50%;
}
/* ---------- Sliding Text Section ---------- */
.jarallax {
	font-size: max(2.4vw, 17px);
}
.jarallax .slide-wrapper {
	position: absolute;
	top: 23%;
	width: 36%;
	padding-left: 2%;
	font-family: Open Sans,Arial,Helvetica,sans-serif;
}
.jarallax .slide-wrapper .slide-down {
	position: absolute;
	top: 0.8em;
	font-family: Roboto,Arial,Helvetica,sans-serif;
	font-weight: 700;
}
.jarallax .slide-wrapper .slide-down p {
  animation: 1.5s slide-down;
	animation-delay: 1s;
}
.jarallax .slide-wrapper .slide-down a {
	background-color: var(--npiOrange, #f5700f);
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
	padding: 0.3em;
	color: #fff;
}
.jarallax .slide-wrapper .slide-right {
	position: absolute;
	top: 3.3em;
	color: #fff;
	font-family: Roboto,Arial,Helvetica,sans-serif;
	font-weight: 700;
}
.jarallax .slide-wrapper .slide-right p {
	animation: 1.5s slide-right;
	animation-delay: 1s;
}
.jarallax .slide-wrapper .slide-right a {
	color: #fff;
	text-decoration: none;
}
.jarallax .slide-wrapper .slide-up {
	position: absolute;
  overflow: hidden;
	z-index: 0;
	top: 5.3em;
	line-height: 1;
	color: #fff;
	font-family: Song Myung,Open Sans,Arial,Helvetica,sans-serif;
	font-style: italic;
}
.jarallax .slide-wrapper .slide-up p {
  animation: 1.5s slide-up;
	animation-delay: 1s;
}
/* ---------- End Sliding Text Section ---------- */
@media screen and (max-width:1299px) {
	.jarallax-img {
		height: 125% !important;
	}
	.jarallax .slide-wrapper {
		top: 20%;
	}
}
@media screen and (max-width:991px) {
	.jarallax-img {
		height: 130% !important;
	}
}
@media screen and (max-width:767px) {
	.jarallax-img {
		height: 135% !important;
	}
}
@media screen and (max-width: 710px) {
	.jarallax .ovlay {
		width: 360px;
	}
	.jarallax .slide-wrapper {
		width: 253px;
	}
}
@media screen and (max-width: 667px) {
	.jarallax-img {
		/* height: 155% !important; */
	}
	.jarallax .ovlay {
		width: 350px;
	}
}
@media screen and (max-width: 550px) {
	.jarallax .slide-wrapper {
		width: 206px;
	}
	.jarallax .ovlay {
		width: 265px;
	}
}
@media screen and (max-width: 450px) {
	.jarallax-img {
		/* height: 145% !important; */
	}
	.jarallax .slide-wrapper {
		width: 204px;
	}
	.jarallax .ovlay {
		width: 270px;
	}
}
@media screen and (max-width:359px) {
	.jarallax .slide-wrapper {
		width: 90%;
		max-width: 250px;
	}
	.jarallax .ovlay {
		width: 250%;
	}
}




.animate {
	animation-duration: 2s;
	animation-name: animate-fade;
	animation-delay: 1s;
	animation-fill-mode: backwards;
}
    
@keyframes animate-fade {
	0% {opacity: 0;}
	100% {opacity: 1;}
}








@keyframes slide-down {
  from {
    margin-top: -100%;
    height: 100%; 
  }
  to {
    margin-top: 0%;
    height: 100%;
  }
}
@keyframes slide-right {
	from {
		margin-left: -100%;
		width: 100%;
	}
	to {
		margin-left: 0%;
		width: 100%;
	}
}
@keyframes slide-up {
  from {
    margin-top: 100%;
    height: 100%; 
  }
  to {
    margin-top: 0%;
    height: 100%;
  }
}