body {
height: 100%;
margin: 0; 
overflow: hidden;
touch-action: none;
}

#logo{
    width: 200px;
    padding-top: 5vh;
}

#maincontainer{
    z-index: 1;
    position: absolute;
    text-align: center;
}

#rendercontainer{
    z-index: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
}

#imagenbotones{
    max-width: 100%;
    max-height: 41px;
}
#imagenbotonesar{
    width: 272px;
}

#botones{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: no-repeat;
    border: 0;
    bottom: 25px;
}

#panelbotonar{
    
    text-align: center;
}

#ar-button{
    
    position: absolute;
    bottom: 75px;
    text-align: center;
    width: 100%;
    background: no-repeat;
    border: 0;
}

#panelbotonplay{
    bottom: 70px;
    position: absolute;
    text-align: center;
    width: 100%;
}
#botonplay{
    max-width: 15%;
    background: transparent;
    border: 0;
    padding: 0;
}



@media (max-width: 1100px) {
    #botonplay{
         bottom: 80px;
     }

     #ar-button2{
        bottom: 00px;
    }
    #logo{
        width: 150px;
    }
}