.comm-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 60rem;
    margin:12px auto 12px auto;
}
    .comm-container > a {
        margin: 7px;
        background-color: rgb(166,166,166);
        background-color: rgba(166,166,166,35);
        color: black;
        font-weight: bold;
        width: 10rem;
        height: 10rem;
        text-align: center;
        padding: 4rem 1rem 4rem 1rem;
        word-wrap: normal;
        text-wrap: normal;
        display: block;
    }

.comm-container > a:visited{
    color: black;
}

.comm-container > a:hover,
.comm-container > a:active,
.comm-container > a:focus {
    border: 2px solid white;
    background-color: rgb(166,166,155,35);
    color: black;
}

@media(max-width: 767px) {
    .comm-container {
        max-width: 100%;
    }
    .comm-container > a {
        width: 100%;
    }
}