.category-box a {
    display: inline-block;
    position: relative;
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 100%;
    width: 100%;
    background-color: #ffffff;
    border: 2px solid #ffffff;
}
.category-box a .category-name {
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 40px;
    left: 20px;
    text-align: center;
    font-family: 'DIN Pro';
    font-weight: bold;
    font-size: 22px;
    color: blue;
    /* text-shadow: -1px 3px 3px black; */
    word-wrap: break-word;
}
.category-box a:hover {
    border: 2px solid #ff0000;
}

@media only screen and ( max-width: 479px ) {
    .category-box a .category-name {
        right: 5px;
        bottom: 10px;
        left: 5px;
    }
}