body {
}


/**=====================
     category
==========================**/
.icon {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.greenbox {
    background-color: #6ad95d;
}

a.greenbox:hover  {
    background-color: #72e864;
}

a.greenbox:active {
    background-color: #54bd48 !important;
}

a.greenbox:focus {
    background-color: #72e864 !important;
}

.greenbox div h4 {
    overflow:hidden;
}

.blackbox {
    background-color:black;
}

.blackbox div h4 {
    overflow: hidden;
}

/*div a.category:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}*/