#app_demo {}

 .app-demo-bg-img {
    position:absolute;
    z-index:0;
    top:0%; 
    width:90%;
    left:10%;
}

 .app-demo-top {
    position:absolute;
    z-index:1;
    top:0; 
    width:70%;
    right:0%;
}

#app_demo {position:relative; padding-bottom:5vh;}
#app_demo .app_img { margin:-15vh 0;}
#app_demo .app_img svg {margin-bottom:-10%; width:28% !important; display:inline-block; height:auto; margin-left:3%;}
#app_demo .app_img .img-fluid {max-width:180% !important; margin:-40%;}

#app_demo h1 {
    font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 110px;
line-height: 131px;
 
align-items: center;
letter-spacing: 0.15em;
text-transform: uppercase;

color: #FFFFFF;

text-shadow: 0px 0px 5px #FFFFFF;
margin-lefT:-3%;
margin-bottom:2rem;
}

#app_demo .h2 {
   font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 31px;
line-height: 41px;
/* identical to box height */
 
align-items: center;
letter-spacing: 0.14em;
text-transform: uppercase;

color: #FFFFFF;

text-shadow: -8px 6px 7px rgba(0, 0, 0, 0.4); 
    
}

#app_demo .d-grid {
    position:relative;
}

#app_demo .btn-intro {
    height: 52px;
    background-image: url(../img/intro/top-btn.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 105% auto;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 51px;
    letter-spacing: 0.1em;
    padding: 0;
    text-transform: uppercase;
    border-radius: 0.25rem;
    color: #FFFFFF;
    filter: drop-shadow(0px 1px 0px #000000);
    text-shadow: 0px 0px 8px rgb(0 0 0 / 45%);
    position: relative;
    z-index: 1;
    transition: all .45s;
}
#app_demo .btn-intro img {margin:5px 15px 0 0 ;}

#app_demo .d-grid.soon:after {
    content:'';
    display:block;
    position:absolute;
    z-index:0;
    background-image: url(../img/mobile/demo-soon.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    width: calc(100% - 30px);
    left:15px;
    height:50px;
    top:0;
	opacity:0;
	-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
#app_demo .d-grid.soon:hover:after {
	top:55px;
	opacity:1;
}
#app_demo .d-grid.soon:hover .btn-intro {
    opacity:.6;
}




#app_demo h1 {font-size: 90px; line-height: 111px; letter-spacing: 0.1em;   margin:5vh 0 1.2rem -4%;}
#app_demo .h2 {font-size: 24px; line-height: 35px;}