#defaultCountdown {
    width: 100%;
    overflow: hidden
}

#defaultCountdown span.countdown-section {
    padding: 0 5px 0 10px;
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
    position: relative
}

#defaultCountdown span.countdown-section:after {
    content: ":";
    position: absolute;
    left: 0;
    top: -3px;
    color:red;
    font: 600 22px/1 "Open Sans", sans-serif
}

#defaultCountdown span.countdown-section:first-child:after {
    display: none
}

#defaultCountdown span.countdown-section:first-child {
    padding-left: 0;
    margin-left: -10px
}

#defaultCountdown span.countdown-section:last-child {
    width: 100px
}

#defaultCountdown span.countdown-amount {
    position: relative;
    display: block;
    padding: 0 10px;
    color:red;
    font: 600 2em "Open Sans", sans-serif
}

#defaultCountdown span.countdown-period {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color:white;
    text-transform: uppercase;
    padding-top: 5px
}

@media (max-width: 470px) {
    #defaultCountdown span.countdown-section:last-child {
        display: none
    }
}

@media (max-width: 400px) {
    #defaultCountdown span.countdown-amount {
        font-size: 20px
    }

    #defaultCountdown span.countdown-section:after {
        font-size: 20px
    }

    #defaultCountdown span.countdown-period {
        font-size: 11px
    }
}