main.desquite {
    width: 100%;
    max-width: 963px;
    margin: 0 auto;
    text-align: center;
    margin-top: -30px !important;
    margin-bottom: -40px !important;
    font-size: 1vw;
}

@media screen and (min-width: 1400px) {
    main.desquite {
        font-size: 16px;
    }
}

@media screen and (min-width: 1300px) {
    main.desquite section.withbackground p br {
        display: none;
    }
}

main.desquite header.header {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}

main.desquite header.header img {
    width: 100%;
    height: auto;
}

main.desquite section {
    color: #211915;
}

main.desquite section.logo {
    margin-top: 5vw;
    margin-bottom: 1em;
    display: inline-block;
    width: 100%;
    max-width: 43em;
}

main.desquite section.logo img {
    width: 100%;
    display: block;
}

main.desquite section p {
    font-size: 2em;
    line-height: 2.2em;
    text-transform: uppercase;
    margin: 0;
    font-family: "r-futura_stdmedium";
}

main.desquite section p small {
    display: block;
    font-size: 1.4em;
}

main.desquite section p b {
    display: block;
    font-size: 1em;
    margin-top: .3em;
    font-family: "r-futura_stdmedium";
}

main.desquite section.underlogo p {
    line-height: 1.3em;
}

main.desquite section.withbackground p {
    line-height: 1.6em;
    font-size: 2.05em;
    font-weight: bold;
}

/*main.desquite section.withbackground p b {
    display: block;
    font-size: .9em;
    font-family: "r-futura_stdmedium";
    color: white !important;
    background: black!important;
    padding: .6em 1em;
}*/

main.desquite section.withbackground p b {
    display: block;
    font-size: .9em;
    font-family: "r-futura_stdbold" !important;
    color: black !important;
}

main.desquite section.legal p {
    display: block;
    font-size: 2.4em;
    font-family: "r-futura_stdmedium";
    margin: 4em 0 2em 0;
}

main.desquite section.excluye p {
    display: block;
    font-size: 1.8em;
    font-family: "r-futura_stdmedium";
}

main.desquite section.bloque {
    font-size: 1.5em;
    line-height: 3em;
    text-transform: uppercase;
    color: white;
    background: black;
    padding: .8vw 0;
    font-weight: bold;
    font-size: 2.2em;
    max-width: 90%;
    margin: 0 auto;
}

main.desquite section.bloque.b1 {
    margin-top: 15px;
}

main.desquite section.bloque.b2 {
    margin-top: 3em;
    font-size: 1.4em;
    padding: 15px 20px;
    line-height: 2em;
}

main.desquite section.cupon {
    margin-top: 3em;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
}

main.desquite section.cupon img {
    display: block;
    width: 100%;
}

main.desquite footer.footer {
    margin-top: 3em;
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: center;
}

main.desquite footer.footer img {
    width: 100%;
    height: auto;
}

main.desquite section.porcentaje {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    color: black;
    text-transform: uppercase;
    margin-bottom: -4em;
    margin-top: 6vw;
}

main.desquite section.porcentaje > div:first-child {
    font-size: 16em;
    font-family: "r-futura_stdmedium";
}

main.desquite section.porcentaje > div:first-child span {
    font-family: "r-futura_stdmedium";
} 

main.desquite section.porcentaje div {
    text-align: left;
}

main.desquite section.porcentaje > div:last-child > div:nth-child(1) {
    font-size: 7em;
    font-family: "FuturaMedCon";
    letter-spacing: .1em;
    line-height: .9em;
    margin-top: -0.2em;
}

main.desquite section.porcentaje > div:last-child > div:nth-child(2) {
    font-size: 1.9em;
    font-family: "r-futura_stdmedium";
    margin-left: .4em;
    line-height: 1.3em;
}

main.desquite section.porcentaje > div:last-child > div:nth-child(3) {
    font-size: 1.3em;
    font-family: "r-futura_stdmedium";
    margin-left: .5em;
    margin-top: .1em;
}

main.desquite section.categorias {
    margin-bottom: 1em;
}

main.desquite section.categorias > div {
    font-size: 9em;
    text-transform: uppercase;
    color: black;
    font-family: "r-futura_stdmedium";
    line-height: 1em;
}

main.desquite section.categorias ul { 
    text-align : center;
    margin: 0 0 0 0;
    padding: 0px;
}

main.desquite section.categorias ul:first-of-type {
    margin: 8vw 0 0 0;
}

main.desquite section.categorias ul li { 
    display: inline; 
    white-space: nowrap; 
    text-transform: uppercase;
    color: black;
    font-size: 2.2em;
    font-family: "r-futura_stdmedium";
}

main.desquite section.categorias ul li:after { 
    content: " \00b7"; 
    margin: 0.5em;
}

main.desquite section.categorias ul li:last-child:after { 
    content: none; 
}

main.desquite section.categorias hr {
    display: block;
    width: 100%;
    max-width: 25em;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 0px;
    margin: 1em auto;
    height: 0px;
} 

main.desquite .download {
    background: black;
    color: white;
    text-transform: uppercase;
    font-family: "r-futura_stdmedium";
    display: inline-block;
    margin: 1.5em auto 0 auto;
    padding: 1em 1.5em;
    font-size: 3em;
    text-decoration: none;
    font-weight: bold;
    border-radius: .8em;
}

main.desquite .el1 {
    font-family: "FuturaHeavy";
    text-transform: uppercase;
    font-size: 3em;
    color: black;
    margin: 0 0 1.5em 0;
}


@media screen and (min-width: 576px) {
    main.desquite .download {
        font-size: 1.6vw;
    }
    main.desquite section.porcentaje {
        margin-top: 0vw;
    }
    main.desquite section.categorias ul:first-of-type {
        margin: 2vw 0 0 0;
    }
    main.desquite section.cupon {
        margin-top: 3em;
        max-width: 45em;
    }
}