/* when contdown needs to be flush left */
.countdown{
  
    width: 300px;
}

/* when contdown needs to be centered

 .countdown{
    margin-left: auto;
    margin-right: auto;
    width: 300px;
} */

#clock{
    width: auto;
}

#clock .time{
    /*float: left;    */
    color: #ffa400;
    padding: 2px;
}
#clock .time div{
    width: auto;
    height: auto;
    padding: 2px;
    background-color: #4a0d66;
    color: #ffa400;
    font-size: 24px;
    font-family: 'extra-houschka';
    text-align: center;
    width: 50px;   /* width: 85px; */
    font-weight:normal;
}
#clock .timeColon{
    padding: 1px;
	margin-top: 10px; /* wendi added 10/29/18 so colon was vertically centered in between purple time blocks */
    /*float: left;*/
}
#clock .timeColon,
#clock .time{
    display: block;
    float: left;
}


#clock .time .digits{
    display:block; 
    clear: both;
}
#clock .time.weeks,
#clock .time.days{
    margin-right: 4px;
}
#clock .time .timeSubtext{  
    display: block;
    background-color: transparent;
    color: #4a0d66;
    clear: both;
    font-size: 14px;
    font-family: 'houschka';
    
}