:root {
    --subhead-color: white;
    --subhead-font-family: '';
    --subhead-font-size: '';

    --tertiary-color: white;
}

.timeline .countdown-amount {
    text-shadow: 4px 3px 9px rgba(0, 0, 0, .3);
}

.timeline {
    /*padding-bottom: 5.5729vw;*/
    font-family: "Source Sans Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 900;
}

.timeline .countdown-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.timeline .countdown-section {
    text-align: center;
    padding: 0 2.6562vw;
}

.timeline .countdown-amount {
    display: block;
    color: var(--tertiary-color);
    font-size: 8.9583vw;
    line-height: 1;
}

.timeline .countdown-period {
    display: block;
    font-size: 2.5vw;
    line-height: 1;
    text-transform: uppercase;
    color: var(--subhead-color);
}

@media (min-width: 992px) {
    .timeline {
        padding-bottom: 0;
    }

    .timeline .countdown-section {
        padding: 0 2.2vh;
    }

    .timeline .countdown-amount {
        font-size: 6.42vh;
    }

    .timeline .countdown-period {
        font-size: 2vh;
        line-height: 1.3;
    }
}

@media (min-width: 1200px) {
    .timeline .countdown-amount {
        text-shadow: 5px 3px 12px rgba(0, 0, 0, .3);
    }

    .timeline .countdown-section {
        padding: 0 2.4vh;
    }

    .timeline .countdown-amount {
        font-size: 7.42vh;
    }

    .timeline .countdown-period {
        font-size: 2.16vh;
    }
}