#counter {
    width: 100%;
    margin-top: 10px;
    /*border:1px solid #ccc;*/
    /*border-radius: 5px;*/
    text-align: center;
    white-space: nowrap;
    height: 38px;
}

#counter b {
    font-weight: normal;
    font-size: 20px;

    background: -webkit-linear-gradient(top, rgba(40, 40, 40, 1) 0%, rgba(160, 160, 160, 1) 50%, rgba(40, 40, 40, 1) 100%); /* Chrome10-25,Safari5.1-6 */

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#counter span {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    display: inline-block;
    white-space: normal;
    border-right: 1px solid #e5e5e5;

    padding: 0 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+50,e5e5e5+100 */

    background: rgb(229, 229, 229); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(229, 229, 229, 1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(229, 229, 229, 1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(229, 229, 229, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

#counter span.comma {
    padding-left:4px;
    padding-right:4px;
}


#counter span:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
	border-right:1px solid #d1d1d1;
}

#counter span:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	border-left:1px solid #d1d1d1;
}

@media (max-width: 480px) {
    #counter span {
        font-size:1em;
    }
}