@font-face {font-family: "LatoLatin"; 
    src: url("../fonts/LatoLatin-Regular.ttf");
} 
@font-face {font-family: "MADE Tommy Soft"; 
    src: url("../fonts/tommy/MADE Tommy Soft Bold PERSONAL USE.otf");
} 
.container-fluid{
    margin-top: 6em;
}
#container{
    margin-bottom: 2em;
}
.texto{
    color: #E7672B;
    font-family: 'LatoLatin';
    font-weight: bold;
    text-align: center;
    font-size: 50px;
}
#puntodeventa{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#version{
    text-align: center;
    width: 50%;
    background-color: black;
    font-family: 'LatoLatin';
    color: white;
    font-size: 14px;
}
#wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ahora{
    border-radius: 11px;
    border: 5px solid #E7672B;
    animation: ahora 3s linear infinite;
    animation-direction: alternate;
    z-index: 2;
    transition: all 500ms ease-in-out;
}
@keyframes ahora {
    0%   {border-color: #fe7f2d; left: 25%; top: 0px; bottom: 10%; right:5%;}
    25%  {border-color: #ff5400; left: 50%; top: 0px; bottom: 15%; right:5%;}
    50%  {border-color: #ff6d00; left: 50%; top: -400px;bottom: 10%; right:10%;}
    75%  {border-color: #fb5607; left: 0px; top: -400px;bottom: 10%; right:5%;}
    100% {border-color: #f3722c; left: 0px; top: 0px; bottom: 10%; right:5%;}
}
#qr{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 47%;
}

#pantallas{
    width: 100%;
}
#caja{
    margin: 4%;
    line-height: 2;
}
.comun{
    font-family: 'LatoLatin';
    font-size: 16px;
}
#paquetes{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#tittle{
    font-weight: bold;
    font-family: 'LatoLatin';
}
@media only screen and (min-device-width : 320px) and (max-device-width : 860px) { 
    .container-fluid{
        margin-top: 7em;
    }
    #puntodeventa{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #paquetes{
        width: 100%;
    }
    #qr{
        width: 54%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #version{
        font-size: 12px;
    }
}