/* Center ticker */
.counter > div {
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    /* make div fill entire view */
    width:100%;
    height:100%;
}

/* Prevent tick from getting too big */
.tick {
    max-width:46em;
    max-height:46em;
}

/* Center all text in tick */
.tick {
    text-align:center;
}
        .tick-text {
            letter-spacing: .125em;
            text-shadow: 0 .425em .125em rgba(0,0,0,.25);
        }
        .tick-label {
            color:#fff;
			font-size:.5em;
        }
        .tick-value {
            text-shadow: 0 .25em .0625em rgba(0,0,0,.25);
        }
        .tick {
            width:100%;
            box-sizing:border-box;
        }
        /* start from small screens */
        .tick {
            padding:0 .5em;
        }
        .tick-value {
            font-size:1em;
			color:#fff;
        }

        /* define sizes for bigger screens */
        @media (min-width:25em) {
            .tick-value {
                font-size:1.5em;
            }
            .tick-label {
                font-size:.75em;
            }
        }
        
        @media (min-width:32em) {
            .tick {
                padding:0 2em;
            }
            .tick-value {
                font-size:2em;
            }
            .tick-label {
                font-size:1em;
            }
        }