* body {
    margin: auto;
    padding: 0;
    text-decoration: none;
}

a {
    text-decoration: none;
}


@font-face {
    font-family: FuturaBook;
    src: url(../../fonts/FutuBk_.ttf);
}

@font-face {
    font-family: FuturaBold;
    src: url(../../fonts/FutuBd_.ttf);
}


p {
    width: 75%;
    font-size: 30px;
    font-family: FuturaBold;
    margin-left: 7%
}

ul {
    width: 75%;
    font-size: 18px;
    font-family: FuturaBook;
    margin-left: 7%;
    margin-bottom: 5%;
    margin-top: -1%;
    color: #5d5d5d;
}

.banner-beneficios {
    display: flex;
    width: 90%;
    margin: auto;
    align-items: center
}

.info-beneficios-banner {
    width: 150%;
    font-size: 35px;
    color: #1bde8d;
    margin-left: 5%
}

.img-zorro-banner {
    width: 100%;
    margin-left: 24%
}


.subtitulo-beneficios p {
    width: 75%;
    font-size: 25px;
    font-family: FuturaBold;
    margin-left: 7%;
}

.info-TeryCon p {
    width: 75%;
    font-size: 15px;
    font-family: FuturaBook;
    margin-left: 7%;
    margin-bottom: 3%;
    margin-top: 2%
}

@media all and (min-width: 100px) and (max-width: 700px) {

    .info-beneficios-banner {
        font-size: 22px;
        color: #1bde8d;
        margin-left: 0%;
    }

    .img-zorro-banner {
        display: none
    }

    p {
        width: 75%;
        font-size: 25px;
        font-family: FuturaBold;
        margin-left: 7%
    }

    .subtitulo-beneficios p {
        width: 80%;
        font-size: 25px;
        font-family: FuturaBold;
        margin-left: 7%;
    }
}