.introText h1, 
.introText h2, .introText h3, .introText h4, .introText h5, .introText h6, .introText p {
margin: 5px 0;
}

.introText {
width: 100%;
min-height: 100vh;
position: absolute;
top:0;left:0
}
.introText .animated-bar {
width: 0;
height: 3px;
background: #fff;
z-index: 9999;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bar 5s 3 linear;
animation: bar 5s 3 linear;
}
.introText .slide {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ff0;
position: absolute;
top: 0;
left: 0;
padding: 20px;
overflow: hidden;

}
.introText .slide.slide-a {
background:transparent;
z-index: 400;
}
.introText .slide.slide-a .slide-a-child {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
}
.introText .slide.slide-a .slide-a-child.is-visible {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.introText .slide.slide-a p {
font-size: 25px;
}
.introText .slide.slide-b {
background:transparent;
z-index: 300;
}
.introText .slide.slide-b h2 {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
.introText .slide.slide-b p:first-of-type {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
margin-bottom: 20px;
}
.introText .slide.slide-b p:last-of-type {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
.introText .slide.slide-b .slide-b-child {
-webkit-transition: all 1s;
transition: all 1s;
opacity: 0;
}
.introText .slide.slide-b .slide-b-child.is-visible {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.introText .slide.slide-c {
	background:transparent;
z-index: 200;
}
.introText .slide.slide-c .slide-c-child {
-webkit-transition: all 1s cubic-bezier(0.25, 0.25, 0.23, 1.405);
transition: all 1s cubic-bezier(0.25, 0.25, 0.23, 1.405);
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.introText .slide.slide-c .slide-c-child.is-visible {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.introText .slide.slide-d {
	background:transparent;
z-index: 100;
}
.introText .slide.slide-d .slide-d-child {
-webkit-transition: all 1s;
transition: all 1s;
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
.introText .slide.slide-d .slide-d-child.is-visible {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.introText .slide.slide-d button.slide-d-child {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.introText .slide .slide-content {
text-align: center;
color: #fff;
font-family: "Raleway", sans-serif;
}
.introText .slide .slide-content h1 {
font-size: 70px;
font-weight: 400;
margin: 20px 0;
}
.introText .slide .slide-content h2 {
font-size: 60px;
font-weight: 400;
margin: 20px 0;
}
.introText .slide .slide-content p {
font-size: 25px;
font-weight: 300;
}
.introText .slide .slide-content p a {
color: #b6483d;
text-decoration: none;
position: relative;
}
.introText .slide .slide-content p a:hover::after {
width: 180px;
}
.introText .slide .slide-content p a::after {
content: "";
width: 0;
height: 1px;
background: #b6483d;
display: block;
position: absolute;
bottom: -3px;
left: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.introText .slide .slide-content ul li {
display: inline-block;
}
.introText .slide .slide-content ul li p {
position: relative;
}
.introText .slide .slide-content ul li p::after {
content: "";
width: 8px;
height: 8px;
display: inline-block;
margin: 0 20px;
border-radius: 50%;
}
.introText .slide .slide-content ul li:last-of-type p::after {
display: none;
}
.introText .slide .slide-content button {
width: 120px;
height: 120px;
line-height: 120px;
border: none;
color: #fff;
border-radius: 50%;
text-align: center;
background: #CC584C;
margin-top: 30px;
border: 2px solid transparent;
-webkit-transition: all 0.5;
transition: all 0.5;
cursor: pointer;
font-size: 18px;
font-family: "Raleway", sans-serif;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.introText .slide .slide-content button:hover {
background: none;
border: 2px solid #CC584C;
color: #b6483d;
}
@-webkit-keyframes bar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes bar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@media (max-width: 991px) {
h1 {
font-size: 50px !important;
}
h2 {
font-size: 45px !important;
}
p {
font-size: 22px !important;
}
p a:hover::after {
width: 160px !important;
}
}
@media (max-width: 768px) {
.slide-c-child {
display: block !important;
}
p::after {
display: none !important;
}
button.replay {
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
font-size: 14px !important;
}
a:hover::after {
width: 140px !important;
}
}
@media (max-width: 480px) {
h1 {
font-size: 40px !important;
}
h2 {
font-size: 33px !important;
}
p {
font-size: 18px !important;
}
p a:hover::after {
width: 130px !important;
}
}