body, html {
    height: 100%;
    margin: 0;
}

small {
    font-size: 9px;
}

.bg-web {
    background-attachment: fixed !important;
    background-image: url("/img/bg-web.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.ecard-foto {
    border-radius: 50%;
    border: 7px solid #6699ff;
}

.ecard-data-left {
    text-align: left;
}

.ecard-data-value {
    text-align: left;
    font-size: 13pt;
    font-weight: bold;
}

.ecard-data-value-id {
    text-align: left;
    font-size: 15pt;
    font-weight: bold;
    display: block;
}

.only-desktop {
    display: block;
}

.name-area {
    text-align: left !important;
}

.copyright {
    font-size: 8pt !important;
    text-align: justify !important;
}

.mensaje {
    text-align: justify !important;
}

@media only screen and (max-width: 760px) {
    small {
        text-align: center;
    }

    .ecard-data-left {
        text-align: center;
    }

    .ecard-data-value {
        text-align: center;
        font-size: 18pt;
        font-weight: bold;
    }

    .ecard-data-value-id {
        text-align: center;
        font-size: 24pt;
        font-weight: bold;
        display: block;
    }

    .only-desktop {
        display: none;
    }

    .name-area {
        text-align: center !important;
    }
}