@charset "UTF-8";

.home-intro {
    width: 100vw; height: 100vh;
    z-index: 999999;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #fff;
}

.home-intro .home-intro-bg {
    position: absolute;
    top: 0; right: 0; left: 0; bottom: 0;
    text-align: center;
    display: table;
    width: 100%;
    height: 100%;
}

.home-intro .home-intro-bg .bg-inner {display: table-cell;vertical-align:middle;}
.home-intro .home-intro-bg .bg-inner img { width: auto;height:90px;}

.home-intro .home-intro-bg h2 {
    display: table-cell;vertical-align:middle;
    color: #000;
    font-family: 'ELAND_Choice_B';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	margin: 0;
	font-size:90px;
}

.home-intro .home-intro-bg h2::before ,
.home-intro .home-intro-bg h2::after {
	content: attr(data-heading);
	position: absolute;
	left: 0;
	overflow: hidden;
}
.home-intro .home-intro-bg h2::before {
	height: 50%;
	color: white;
	text-shadow: 3px -2px 5px white, -3px 3px 4px white;
}
.home-intro .home-intro-bg h2::after {
	transform: translateX(-10px);
	height: 49%;
	color: black;
	transform: translateX(0);
	animation: fracture 5s infinite ease;
}


@keyframes fracture {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-20px);
	}
}

@media (max-width:1400px){
    .home-intro .home-intro-bg h2 {font-size: 80px;}
}

@media (max-width:980px){
    .home-intro .home-intro-bg h2 {font-size: 60px;}
    .home-intro .home-intro-bg .bg-inner img { width: auto;height:100px;}
}

@media (max-width:700px){
    .home-intro .home-intro-bg h2 {font-size: 55px;}
}

@media (max-width:600px){
    .home-intro .home-intro-bg h2 {font-size: 50px;}
    .home-intro .home-intro-bg .bg-inner img { width: auto;height:70px;}
}

@media (max-width:550px){
    .home-intro .home-intro-bg h2 {font-size: 8vw;}
}

@media (max-width:400px){
    .home-intro .home-intro-bg h2 {font-size: 9vw;}
    .home-intro .home-intro-bg .bg-inner img { width: auto;height:60px;}
}

@media (max-width:300px){
    .home-intro .home-intro-bg .bg-inner img { width: auto;height:50px;}
}