.div-heading {
    margin: 30px 0;
    text-align: center;
}

.div-heading img {
    margin: 20px auto;
    display: block;
}

.div-heading h1 {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 26px;
    background: #09d;
    color: #fff;
    padding: 5px 20px 7px;
    border-radius: 150px;
    text-transform: uppercase;
}

.div-box a {
    border: 1px solid #ddd;
    border-radius: 7px;
    display: block;
    padding: 20px;
    margin: 20px;
    color: inherit;
    box-shadow: 4px 11px 10px -8px #333;
    transition: all 0.2s ease;
}

.div-box a:hover,
.div-box a:focus {
    transform: scale(1.03);
    transition: all 0.2s ease;
    box-shadow: 4px 11px 30px -8px #0f4963;
}

.div-box a img {
    /*max-width: 200px;*/
    display: block;
    margin: 0 auto 15px;
}

.div-box a .span-nombre {
    font-weight: bold;
}