.counter {
    color: black;
    text-align: center;
    font-size: 2em;
}

.counter .time > div {
    display: inline-block;
}
.counter .time > div:not(:last-child) {
    margin-right: 1rem;
}

.counter .time p {
    font-size: inherit;
    line-height: normal;
    font-weight: 400;
    margin: 0;
}

.counter .time .label {
    font-size: .280em;
    color: #d0021b;
}

.counter .time .minutesD::after {
    content: ":";
    position: relative;
    left: .35em;
    bottom: .1em;
    color: #d0021b;
}

.counter .headline {
    font-size: .640em;
    font-weight: 400;
    text-align: left;
    margin: 0 0 1em 0;
}

@media screen and (min-width: 21.250em) {
    .counter { font-size: 3.125em; }
}