@font-face {
    font-family: 'Antonio';
    src: url('../fonts/Antonio-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Antonio';
    src: url('../fonts/Antonio-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Antonio';
    src: url('../fonts/Antonio-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

.tvm-vale-monto{
    top: 25%;
    position: absolute;
    left: 64%;
    width: 29%;
    text-align: center;
    font-weight: bold;
    font-family: antonio;
    color: #eb3f79;
    font-size: 80px;
    /*border: solid 1px;*/
}

.tvm-vale-codigo{
    top: 66%;
}

.tvm-vale-pasajero{
    top: 71%;
}

.tvm-vale-fecha{
    top: 76%;
}
.tvm-vale-codigo, .tvm-vale-pasajero, .tvm-vale-fecha{
    position: absolute;
    left: 5%;
    width: 49%;
    text-align: center;
    font-weight: bold;
    font-family: monospace;
    color: #c09b4b;
    font-size: 18px;
    /*border: solid 1px;*/
}


@media (max-width: 600px) {
    .tvm-vale-monto{
        font-size: 40px;
    }

    .tvm-vale-codigo, .tvm-vale-pasajero, .tvm-vale-fecha{
        font-size: 10px;
    }
}