/*MOBILE*/

#s1-m {
	height:90vh;
	width:100%;
	position:relative;
}

#s1-m h1{
	font-size: 12vw;
	letter-spacing:-.03rem;
	color:white;
	z-index: 2;
	text-align:center;
}
#s1-m h1 em{
	color:#C0AAFF;
	font-style: normal !important;
}
#s1-m h1,
#s1-m img {
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#s1-m h2{
	font-size: 4.5vw;
	letter-spacing:-.01rem;
	color:white;
	z-index: 2;
	position:absolute;
	top:20%;
	left:50%;
	transform:translate(-50%,-20%);
	text-align:center;
	font-family: "Alliance", sans-serif !important;
}

#s1-m #s1-m-h2 {
	top: 20%;
	transform:translate(-50%,-20%);
	font-size: 5vw !important;
	width: 80vw !important;
	line-height:1.2 !important;
}

#s1-m img {
	width: 50vw;
	height:auto;
	z-index:1;
}

#s1-m .mousebx-m {
    position: absolute;
	width: 50vw;
    bottom: 10vh;
	left:50%;
	transform:translateX(-50%);
	z-index:2;
    display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	z-index:3;
}

#s1-m .mousebx-m h1 {
	text-align:center;
	font-size: 4vw;
	font-family:"Matter",'sans-serif' !important;
	color:white;
	letter-spacing: -.01rem;
	padding-bottom: 130px;
	animation: opc 3s infinite;
    -webkit-animation: opc 3s infinite;
}

@keyframes opc {
	0%   {
		opacity:0;
	}
    100% {
        opacity: 1;
   }
}
@-webkit-keyframes opc {
	0%   {
		opacity:0;
	}
    100% {
        opacity: 1;
   }
}

#s1-m .mousebx-m .mouse-m {
    width: 40px;
    height: 90px;
    border: 1px solid white;
    border-radius: 60px;
    position: relative;
}
#s1-m .mousebx-m .mouse-m::before {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border-radius: 50%;
    opacity: 1;
    animation: wheel 3s infinite;
    -webkit-animation: wheel 3s infinite;
}
@keyframes wheel {
    to {
        opacity: 0;
        top: 75px;
   }
}
@-webkit-keyframes wheel {
    to {
        opacity: 0;
        top: 75px;
   }
}