.counter {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding-bottom:40px;
}
.counter div {
    position:relative;
    display:inline-block;
    text-align: center;
}
.counter div span {
    display:block;
    font-size:64px;
    font-weight:700;
    line-height:50px;
}
@media (max-width:375px) {
    .counter div span {
        font-size:48px;
    }
}
.counter div span:nth-of-type(2) {
    position:absolute;
    bottom:-19px;
    left:0;
    display:block;
    width:100%;
    text-align:center;
    text-indent:30px;
    font-size: 11px;
    font-weight:700;
    line-height:14px;
    opacity:.5;
}
#hour::before, #min::before, #sec::before {
    content:':';
    display:inline-block;
    padding:0 10px;

}