html, body {
    width: 100%;
    height: 100%;
}

.bg-img {
    width: 100%;
    height: 100%;
    background: url('../IMAGES/frente_institu_3.JPG') center center;
    background-size: cover;
}

.card-container.card {
    max-width: 350px;
    padding: 40px 40px;
}

.card {
    background-color: #F7F7F7;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    /*margin-top: 50px;*/
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/
}

/* Separación superior reutilizable para páginas de acceso */
.page-top-gap { height: 90px; }
@media (max-width: 576px) { .page-top-gap { height: 50px; } }