body{
    background-image: url(/assets/img/background.jpg);
    background-size: cover;
    width: 100vw;
    overflow-x: hidden;
    transform: translateY(100px);
    background-repeat: no-repeat;
}

#banner-parent{
    display: block;
    width: 100vw;
    height: 15vh;
    overflow: hidden;
}
#getLuminav{
text-align: center;
}

#banner{
    height: 15vh;
    width:auto;
}

#main-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#logo-container{
    display: flex;
    flex-direction: column;
    align-items: flex-end;

}

#luminavLogo{
    width:300px;
}

#sentrexLogo{
    width:100px;
    margin-left: 10px;
}


#sentrex-container{
display: flex;
flex-direction: row;
align-items:center;
}
#app-logo-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5vh;
}
.app-logo{
    width:80%;
   height:6vh; 
}

#phone-mockup {
    width: 300px;
    margin-top: 20px;
}

#phone-mockup-container{
    /* display: flex;
    flex-direction: row;
    justify-content: center; */
}
#poweredBy{
    font-size:small;
}
#en,#fr{
    margin-bottom: 10px;
    text-decoration: none; 
}


.mobile-badge-apple {
    width: 208px;
}

.mobile-badge-google {
    width: 206px;
}
#lang{
    text-align: center;
}
@media screen and (min-width: 700px){
    #banner{
        width:auto;
    }
    #luminavLogo {
        width: 600px;
    }
    #sentrexLogo {
        width: 200px;
        margin-left: 10px;
    }
    .mobile-badge-apple {
        width: 208px;
    }
    
    .mobile-badge-google {
        width: 206px;
    }
    #poweredBy{
        font-size: 20px;;
    }
    #getLuminav{
        font-size: 30px;;
    }
    #phone-mockup {
        width: 350px;
    }
    #lang{
        text-align: center;
        font-size: 30px;
    }
}
@media screen and (min-width: 1000px){
    .app-logo{
        object-fit: contain;
        width:120%;
       height:7vh; 
    }
    .googlePlayFrench{
        height:130px;
        width:350px;
    }
   
}
@media screen and (min-width: 1200px){
    #banner{
        width:100vw;
    }
   
}
@media screen and (min-width: 1300px) {
    
    
    #main-container{
        display: flex;
        flex-direction: row;
        justify-content:space-around;
        margin-left:5vw;
        margin-top:5vh;
    }
    #logo-container{
        display: flex;
        flex-direction: column;
        align-items:flex-end;
        margin-right:5vw;
    }
    
    #luminavLogo{
        width:auto;
        height:35vh;
    }
    
    #sentrexLogo{
        width:auto;
        height:5vh;
        margin-left: 10px;
    }
    
    
    #sentrex-container{
    display: flex;
    flex-direction: row;
    align-items:center;
    }
    #app-logo-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: x-large;
    }
    .app-logo{
        object-fit: contain;
        width:100%;
       height:6vh; 
    }
    
    #phone-mockup{
        width:280px;
    }
    
    #phone-mockup-container{
        /* display: flex;
        flex-direction: row;
        justify-content: center; */
    }
    #poweredBy{
        font-size:x-small;
    }
    #en,#fr{
        font-size: x-large;
        text-decoration: none 
    }
    #lang{
        position: absolute;
        bottom: -180px;
        left: 100px;
        font-size: 40px;
    }
    #poweredBy {
        font-size: 20px;
    }
    #en, #fr {
        font-size: 25px;
        text-decoration: none;
    }
    
  }