@media (max-width: 576px) {
    .col-navigation {  
            display: flex;
            flex-direction: row;
            margin: auto;
            width: 100%;
            justify-content: center;
            bottom: 0;
            position: fixed;
            top:auto;
    }
    .col-nav-item-text {
        display:none;
    }
    .col-nav-item {
        border-left: none;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    .col-nav-item:first-child {
        border-left: 1px solid #ccc;
        
    }
    .col-nav-item:hover {
        background: #EB0A1E;
        width: 48px;
        padding-left: 0px;
        justify-content:center;
    }
}