/*
#eventcountdownflip{
    position:relative;
    top: 90px;
    left:400px;
    font-size: 1em; 
    font-weight: bold;
    color: midnightblue;
}
*/
 
.cdwrapper{
    position:relative;
    top: -70px;
    left:185px; 
}
 
#back{
    position:absolute;
    top:0px;
}

#front{
    position:absolute;
    top:0px; 
}
 
#back img{
    position:relative;
    height:63px;
    visibility:visible;
}
 
#front img{
    position:relative;
    height:63px;
    visibility:visible;
}
     
#weeksLeft, #weeksRight,
#weeksLeftBack, #weeksRightBack,
#daysLeft, #daysRight,
#daysLeftBack, #daysRightBack,
#hoursLeft, #hoursRight,
#hoursLeftBack, #hoursRightBack,
#minutesLeft, #minutesRight,
#minutesLeftBack, #minutesRightBack,
#secondsLeft, #secondsRight,
#secondsLeftBack, #secondsRightBack,{
    width:63px;
}

/***** Media Queries *****/

@media only screen and (max-width: 1920px) {
        .cdwrapper{
                left:280px; 
        }
}
@media only screen and (max-width: 1280px) {
        .cdwrapper{
                left:180px; 
        }
}
@media only screen and (max-width: 1080px) {
        .cdwrapper{
                left:160px; 
        }
}
@media only screen and (max-width: 1024px) {
        .cdwrapper{
                left:120px; 
        }
}
@media only screen and (max-width: 800px) {
        .cdwrapper{
                left:100px; 
        }
}
@media only screen and (max-width: 640px){
        .cdwrapper{
                left:80px; 
        }
}
@media only screen and (max-width: 480px) {
        .cdwrapper{
                left:60px; 
        }
}
@media only screen and (max-width: 320px) {
        .cdwrapper{
                left:40px; 
        }
}