ul#countdown {
    list-style: none;
    margin: 50px 0;
    padding: 0;
    display: block;
    text-align: center;
}

ul#countdown li {
    display: inline-block;
}

ul#countdown li span {
    font-size: 80px;
    font-weight: 300;
    line-height: 80px;
}

ul#countdown li.seperator {
    font-size: 80px;
    line-height: 70px;
    vertical-align: top;
}

ul#countdown li p {
    color: #a7abb1;
    font-size: 25px;
}


/* 50px @ 320px increasing to 80px @ 1920px */

@media (min-width: 320px) {
    ul#countdown li span {
        font-size: calc(3.125rem + ((1vw - 3.2px) * 1.875));
        /* Note: The calc base value (3.125rem) MUST be stated in REM to maintain accessibility */
        /* Where: 1.875 = 100 * font-size_difference / viewport_width_difference */
        /* Safari resize fix */
        min-height: 0vw;
    }
}


/* Prevent scaling beyond this breakpoint */

@media (min-width: 1920px) {
    .ul#countdown li span {
        font-size: 80px;
    }
}


/**************************************************/


/* 50px @ 320px increasing to 80px @ 1920px */

@media (min-width: 320px) {
    ul#countdown li.seperator {
        font-size: calc(3.125rem + ((1vw - 3.2px) * 1.875));
        /* Note: The calc base value (3.125rem) MUST be stated in REM to maintain accessibility */
        /* Where: 1.875 = 100 * font-size_difference / viewport_width_difference */
        /* Safari resize fix */
        min-height: 0vw;
    }
}


/* Prevent scaling beyond this breakpoint */

@media (min-width: 1920px) {
    ul#countdown li.seperator {
        font-size: 80px;
    }
}