/*add custom font*/
@font-face {
    font-family: bignoodle;
    src: url('../fonts/big_noodle_titling.ttf');
}

body{
    margin: 0;
    background: transparent;
}
.image-container{
    text-align: center
}
.image-container img{
    max-width: 100%
}
.countdown-container{
    overflow: hidden;
}
.special-event{
    background: #f09c28;
    background: -moz-linear-gradient(left, #f09c28 0%, #f3b455 50%, #f09c28 100%);
    background: -webkit-linear-gradient(left, #f09c28 0%,#f3b455 50%,#f09c28 100%);
    background: linear-gradient(to right, #f09c28 0%,#f3b455 50%,#f09c28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09c28', endColorstr='#f09c28',GradientType=1 );
    height: 30px;
    width: 225px;
    border-radius: 0.5em;
    margin: 10px auto;
    font-family: bignoodle;
}
.special-event span{
    padding: 0 43px;
    line-height: 2;
}
.flip-clock-wrapper .flip {
    height: 50px;
    width: 10px;
}
.flip-clock-wrapper .flip a div {
    height: 49%;
}
.flip-clock-wrapper .flip .inn {
    font-size: 45px;
    line-height: 50px;
    color: #f09c28;
}
.flip-clock-dot {
    display: none;
}
.flip-clock-divider{
    height: 50px;
}

.flip-clock-divider .flip-clock-label{
    color: white;
    right: -63px;
}
.flip-clock-divider.minutes .flip-clock-label{
    right: -70px;
}
.flip-clock-divider.seconds .flip-clock-label {
    right: -68px;
}
.flip-clock-wrapper {
    margin-top: 2em;
}
.clock {
    width: 510px;
    margin-left: auto;
    margin-right: auto;
}